Vant Weapp基于小程序的机制,为开发者提供了3种修改组件样式的方法
- 解除样式隔离:在页面中使用Vant Weapp组件时,可直接在页面的样式文件中覆盖样式
- 使用外部样式类:需要注意的是普通样式和外部样式类的优先级是未定义时,使用时需要添加Important保证外部样式类的优先级
- 使用CSS变量:在页面或全局对多个组件的样式做批量修改以进行主题样式的定制
在app.json中进行注册
按钮类型
支持default
、primary
、info
、warning
、danger
五种类型,默认为default
。
解除样式隔离
创建一个组件custom09
到app.json中注册全局组件
在cate.wxml中
在custom09.wxml
在custom09.scss
在custom09.js
使用外部类样式
先清除custom09的样式
在cate.wxml
添加样式:
使用CSS变量
可以在app.wxss
或者