1.wxml页面代码,其中rich-text节点中nodes绑定的就是我们的内容
<rich-text nodes="{{content}}"></rich-text>
2.js页面定义content这个参数（注意content类型为字符串）
data{
content:""
}
3.最后调用接口，获取后端的图片数据，图片如下图所示
text-rich数据.png
4.对接口数据进行处理，图片的样式通过正则匹配去修改，需要注意的是，因为我这里有多张图片，在排列时上下之间可能会出现间隙如图示，解决方案就是在正则中给img加上display：block即可；
var content = res.data.content
content = content.replace(/<img/gi,'<img style="max-width:100%;height:auto;display:block"')
that.setData({
content: content
})
