|
|
@@ -3,11 +3,15 @@
|
|
|
<view class="cm-service">
|
|
|
<view class="cm-service-text" v-show="product.orderInfo">
|
|
|
<view class="cm-service-title">订购方案</view>
|
|
|
- <view class="cm-service-p" v-html="product.orderInfo"></view>
|
|
|
+ <view class="cm-service-p">
|
|
|
+ <mp-html :content="orderInfoHtml" :tag-style="tagStyle" />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="cm-service-text" v-show="product.serviceInfo">
|
|
|
<view class="cm-service-title">服务详情</view>
|
|
|
- <view class="cm-service-p" v-html="product.serviceInfo"></view>
|
|
|
+ <view class="cm-service-p">
|
|
|
+ <mp-html :content="serviceInfoHtml" :tag-style="tagStyle" />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -22,13 +26,23 @@
|
|
|
},
|
|
|
data() {
|
|
|
return{
|
|
|
-
|
|
|
+ orderInfoHtml:'',
|
|
|
+ serviceInfoHtml:''
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
-
|
|
|
+ this.adaptOrderInfoHtml(this.product)
|
|
|
+ this.adaptServiceInfoHtml(this.product)
|
|
|
},
|
|
|
- methods:{
|
|
|
+ methods:{
|
|
|
+ adaptOrderInfoHtml(product){
|
|
|
+ let defaulHtml = '<div style="text-align: center;color:#333333;">暂无内容</div>'
|
|
|
+ this.orderInfoHtml = product.orderInfo ? this.$api.adaptRichTextImg(product.orderInfo) : defaulHtml
|
|
|
+ },
|
|
|
+ adaptServiceInfoHtml(product){
|
|
|
+ let defaulHtml = '<div style="text-align: center;color:#333333;">暂无内容</div>'
|
|
|
+ this.serviceInfoHtml = product.serviceInfo ? this.$api.adaptRichTextImg(product.serviceInfo) : defaulHtml
|
|
|
+ }
|
|
|
},
|
|
|
|
|
|
}
|
