处理富文本图片

346149741

2024-06-24 56af69511ed06af0950e5b22a92c00a6b74ad20a

 pages/hqzc/details.vue

@@ -11,7 +11,7 @@
            发布时间：{{msg.createTime}}
         </view>
      </view>
      <view v-html="msg.docContent">
      <view style="margin-top: 20rpx;" v-html="msg.docContent">
         
      </view>
   </view>
@@ -38,6 +38,7 @@
               this.msg = val.data.data
               this.msg.createTime = this.msg.createTime.slice(0, 10)
               this.msg.docContent = decodeURIComponent(this.msg.docContent)
               this.msg.docContent = this.msg.docContent.replace(/\<img/gi, '<img style="max-width:100%;height:auto;"')
               console.log(this.msg.docContent)
               getDicts('doc_type').then(val => {
                  console.log(this.msg.docType)
@@ -55,6 +56,9 @@

</style>
<style scoped lang="scss">
   img{
      width: 100%;
   }
   .box{
      padding: 32rpx;
   }