问题:多张图片中间存在一定的间隔
多张图片之间存在间隔只需要设置display
属性为block
就可以;
html"><rich-text nodes="{{productDetail.content}}"></rich-text>
2.先打印一下rich-text
标签内容看一下
这里的
img
标签自身带了一个style
,我们只需要在后面加样式就可以了;
3.先用正则表达式找出要修改的部位
html" title=javascript>javascript">//下面的content就是rich-text标签的nodes
let val = this.data.productDetail.content;
let t = "productDetail.content"
this.setData({
// 正则表达式找出style里面的内容在后面加上需要设置的属性
[t]: val.replace(/max-width:100%;/gi,'max-width:100%; display:block;')
})
4.改变后的rich-text
标签
这样就为img标签加上了display:block;
属性