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

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文件

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

实现效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容