微信小程序设定富文本图片宽度

在微信小程序中有时候需要用到微信自带的富文本组件 rich-text 如果富文本中有图片的存在,在小程序中展示图片会超出页面的宽度,这时候就需要在小程序中处理图片的宽度了

给富文本中的图片添加一个class样式
1
2
3
4
5
var _str = data.data.replace(/<img /g, '<img class="rich_img" ');
console.log(_str)
that.setData({
msg: _str
})
设置class 样式详情
1
2
3
.rich_img{
max-width:100% !important;
}
  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2020-2021 前端老猫
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信