/* 1. 移除scoped和lang="less"(nvue不支持),样式全部平级写 */ /* 容器基础样式:仅保留布局和背景,无字体样式 */ .container { background-color: #fff; overflow: hidden; margin: 0rpx 24rpx; padding: 20rpx; border-radius: 16rpx; /* nvue对box-shadow支持有限,建议移除(避免渲染异常) */ } /* uView divider适配:调整间距(若组件默认样式不符合,手动覆盖) */ .uv-divider { margin: 0 0 20rpx 0 !important; /* 强制调整分隔线与内容的间距 */ } /* 列表项:垂直间距控制 */ .detail-item { margin-bottom: 20rpx; width: 658rpx; } .detail-item:last-child { margin-bottom: 0; } /* 图片样式:widthFix确保宽度自适应,高度按比例 */ .detail-img { width: 658rpx; border-radius: 16rpx; margin: 10rpx 0; /* 与上下内容的间距 */ } /* 纯文本容器:仅控制布局,字体样式在text标签上 */ .detail-text-container { margin: 10rpx 0; } /* 纯文本样式:直接写在text标签class上(nvue不继承) */ .detail-text { font-weight: 400; font-size: 26rpx; color: #3D3D3D; line-height: 40rpx; text-align: left; } /* 富文本容器:控制整体间距,内部样式靠formatRichText内嵌 */ .detail-rich-text { margin: 10rpx 0; }