|
|
@ -15,11 +15,16 @@ |
|
|
|
<text class="create-time">{{ formatTime(articleDetail.createTime) }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 富文本内容 --> |
|
|
|
<view class="article-content"> |
|
|
|
<rich-text :nodes="articleDetail.content"></rich-text> |
|
|
|
</view> |
|
|
|
<!-- 富文本内容 --> |
|
|
|
<view class="article-content"> |
|
|
|
<uv-parse |
|
|
|
:content="articleDetail.content" |
|
|
|
:preview-img="true" |
|
|
|
:scroll-table="true" |
|
|
|
:tag-style="parseTagStyle" |
|
|
|
/> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 错误状态 --> |
|
|
|
<view class="error-container" v-if="!loading && !articleDetail"> |
|
|
@ -50,6 +55,13 @@ |
|
|
|
orderId : '', |
|
|
|
name : '', |
|
|
|
} |
|
|
|
, |
|
|
|
// uv-parse 标签默认样式,确保图片不超过容器宽度 |
|
|
|
parseTagStyle: { |
|
|
|
img: 'max-width:100%;height:auto;display:block;', |
|
|
|
video: 'max-width:100%;height:auto;display:block;', |
|
|
|
table: 'width:100%;display:block;' |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options) { |
|
|
@ -169,17 +181,11 @@ |
|
|
|
line-height: 1.6; |
|
|
|
|
|
|
|
// 富文本内容样式 |
|
|
|
:deep(rich-text) { |
|
|
|
:deep(.uv-parse) { |
|
|
|
font-size: 30rpx; |
|
|
|
color: #333; |
|
|
|
|
|
|
|
// 图片样式 |
|
|
|
img { |
|
|
|
max-width: 100%; |
|
|
|
height: auto; |
|
|
|
border-radius: 8rpx; |
|
|
|
margin: 20rpx 0; |
|
|
|
} |
|
|
|
|
|
|
|
// 图片样式由 uv-parse 的 tag-style 控制 |
|
|
|
|
|
|
|
// 段落样式 |
|
|
|
p { |
|
|
|