怎样修改微信小程序rich-text下的img样式

怎样修改微信小程序rich-text下的img样式

rich-text是微信小程序中的富文本组件，内部包含受信任的HTML节点，如img、a等。那么，怎样修改微信小程序rich-text下的img样式？

打开微信小程序开发工具，新建一个项目或打开已创建的项目

在新建的页面文件中，插入一个view标签，并在内部嵌入一个rich-text，添加nodes属性和bindtap事件

在JS文件中的data对象里，定义imgNode对象数组，包含name、attrs和children

保存代码并查看左侧的模拟器，可以看到显示一个图片

在index.wxss文件中，利用类选择器设置img图片的样式，如边框和圆角

再次保存代码并查看模拟器，可以看到图片样式发生了改变

1、打开开发工具

2、创建微信项目

3、新建页面文件

4、插入文本组件

5、定义节点属性

6、设置图片样式

7、保存预览查看