1、在home.wxml
<view> <rich-text nodes="{{content}}" ></rich-text> </view>2、紧跟着就是我的home.js文件
var app = getApp() Page({ /** * 页面的初始数据 */ data: { showList: [], indicatorDots: true, //是否显示面板指示点 autoplay: true, //是否自动切换 circular: true, //是否采用连接滑动 vertical: false, //滑动方向是否为纵向 interval: 3000, //自动切换时间间隔 duration: 1000, //滑动动画时长, }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { console.log(options.id); let id = options.id app.http.commodity({ id: id }).then(res => { console.log(res.data.data); this.setData({ showList: res.data.data, **//对我们获取的数据进行处理** content:res.data.data.content.replace(/\<img/gi, '<img style="display:block;max-width:100%;height:auto;margin:0 auto;padding:0"') }) }) },3、后台给的HTML 都是string 类型的 ，前端需要用replace 批量给img 设置一下样式
content:res.data.data.content.replace(/\<img/gi, '<img style="display:block;max-width:100%;height:auto;margin:0 auto;padding:0"')4、上面的请求数据的方式可能大家看不懂可以点击下方链接看我封装请求数据的方式
https://blog.csdn.net/DJxyyy/article/details/109187775
