小程序rich-text style设置

最新推荐文章于 2023-05-06 15:08:35 发布

I-T枭

最新推荐文章于 2023-05-06 15:08:35 发布

阅读量1.1k

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/hahahhahahahha123456/article/details/109594540

版权

小程序专栏收录该内容

46 篇文章 0 订阅

订阅专栏

小程序rich-text style设置，环境Uni-app

computed: {
    contentMobile() {
      // 小程序中rich-text 样式设置需要通过正则给富文本添加样式
      if (detail.contentMobile)
        return detail.contentMobile.replace(
          /<img/g,
          '<img style="width:100%" '
        );
      return "";
    },
  },

<div v-html="contentMobile" class="actDesc"></div>

rich-text {
      width: 670rpx;
      display: block;
      font-size: 28rpx;
      color: #353535;
      letter-spacing: 1rpx;

      img{
          max-width:100%;
      }

    }