mrr.sj.front/unpackage/dist/dev/mp-weixin/pages/service/components/imgAndText.wxss

136 lines
1.3 KiB
Plaintext
Raw Normal View History

2026-03-24 11:45:13 +08:00
/* 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;
}