微信小程序---rich-text中图面样式修改

微信小程序—rich-text中图面样式修改

html

<view class="bigJin">
  <rich-text nodes="{{datas}}"></rich-text>
</view>

js

getfenNewsDet(e) {
    var that = this
    var id = that.data.id
    t.get("articles.get_details", {
      i: 1,
      id: id
    },
      function (t) {
        var datas = t.list[0].content
        //var regex = new RegExp('<img');
        datas = datas.replace(/\<img/gi, '<img class="rich-img" ');
        that.setData({
          datas: datas
        })
      })
  },

css

.rich-img {
  width: 670rpx;
  height: 420rpx;
  border-radius: 40rpx;
  margin: 40rpx auto;
  object-fit: contain;
  box-sizing: border-box;
}