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

140 lines
1.3 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* 1. 移除scoped和lang="less"nvue不支持样式全部平级写 */
/* 容器基础样式:仅保留布局和背景,无字体样式 */
.container {
background-color: #fff;
overflow: hidden;
margin: 20rpx 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;
}