微信小程富文本序改变图片的宽度

富文本

<div class="weui-panel__bd fs13 " style="width:100%;color:#333;line-height:48rpx;">
    <rich-text nodes="{{content}}"></rich-text>
</div>

后端返回的是一串html字符串

富文本这玩意现在看不到里面图片的img标签

也找不到关于图片的类

所以现在我不好控制图片的样式

间接转化下

//由于后端返回的是 img标签，在小程序中渲染不出，也就不能直接用img标签选择器去限定其样式，此时我们可以通过添加class类名去设置，也就是遍历数据dada中content字符串进行替换操作。


let contentStr = res.data.content.replace(/<img /g, '<img class="rich_img" ');
console.log(contentStr )

这样就有了 rich_img 这个类，剩下的就是狂给样式了

.rich_img{
  width:100%
}