1.wxml頁面代碼,其中rich-text節(jié)點中nodes綁定的就是我們的內容
<rich-text nodes="{{content}}"></rich-text>
2.js頁面定義content這個參數(shù)（注意content類型為字符串）
data{
content:""
}
3.最后調用接口计福，獲取后端的圖片數(shù)據跌捆，圖片如下圖所示
text-rich數(shù)據.png
4.對接口數(shù)據進行處理，圖片的樣式通過正則匹配去修改象颖，需要注意的是佩厚，因為我這里有多張圖片，在排列時上下之間可能會出現(xiàn)間隙如圖示说订，解決方案就是在正則中給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
})
