如果是简单的场景,比如一段简单的文字和图片内容,可以优先使用rich-text组件,在文章内容,商品详情等复杂的文本详情,可以优先使用parse组件。
问题:
如果将样式写入data中,部分样式回篡改页面中其他元素字体;
<u-parse
:html="recordHtml"
:tag-style="{
table: 'width:100%;',
tr: 'width:80%;',
td: 'font-size:10rpx!important;',
p: 'font-size:20rpx;!important;',
span: 'font-size:16rpx!important;',
}"
:autosetTitle="false"
:show-with-animation="true"
:selectable="true"
></u-parse>