美文网首页
微信小程序之vant组件自定义样式(外部样式)

微信小程序之vant组件自定义样式(外部样式)

作者: 四十年陈 | 来源:发表于2022-05-09 16:26 被阅读0次

vant 很多组件带自定义样式custom-class,方便使用者修改或者扩展。

本文以vant-cell修改背景色为例,说明自定义属性的使用。

一、vant外部样式说明和vant-cell自定义属性说明

vant外部样式说明 vant-cell

二、引入cell组件及原始样式

xml引入vant-cell

xml

原始效果如下图

原始效果

三、使用custom-class属性修改cell的背景底色

xml申明custom-class属性

xml文件

wxss实现具体的样式

wxss文件

效果如下图,背景色样式已经被修改了,

实现效果

相关文章

网友评论

      本文标题:微信小程序之vant组件自定义样式(外部样式)

      本文链接:https://www.haomeiwen.com/subject/advhurtx.html