微信小程序的rich-text(富文本)添加样式

微信小程序的rich-text(富文本)添加样式,第1张

它的样式来自rich-text标签或者其父元素的样式,(当两者都有时候,rich-text的优先级更高)

它的样式来自style的样式,这时候 rich-text标签或者其父元素的样式无效,此时若想要改变样式,需要用正则表达式为其添加样式。

结果:不生效

结果:当有important时候生效

https://gitee.com/susuhhhhhh/wxmini_demo

第一步,把要改变样式添加到相应js文件的全局变量中,如: data : { color : '#000' }

第二步,将变量绑定到view中,如:<view style="color:{{color}}">

第三步,在view中添加事件,如: bindtap="changeColor"

第四步,在相应js文件中添加该自定义方法:

, changeColor: function(e){

this.setData({ color : '#fff' })

}

程序多选框

微信小程序为我们提供了checkbox-group,多项选择器,内部由多个checkbox组成。

如何查看自定义样式:

打开微信小程序的官网,f12之后,查看相应的元素。

更多小程序demo,关注 苏苏的gitee ,持续更新!如有写的不尽完善的地方,望指正!


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11874052.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存