使用组件时,组件使用者可以给组件传入css类名,通过传入的类名修改组件的样式 。
如果需要使用外部样式类修改组件的样式,在Component中需要用extemalClassess定义若干个外部样式类。
具体用法如下:
(1)在Components文件里创建custom06组件
(2)在app.json的“usinfComponents”配置项里面注册custom06组件
(3)在custom06.js里添加extemalClassess定义外部样式类。
(4)在custom06.wxml使用该样式类
(5)在页面cart.wxml里面通过样式类绑定类名
(7)在cart.scss里面通过类名设置样式
(8)展示样式如下
(9)注意事项:
注意事项:在同一个节点上,如果存在外部样式类和普通样式类,如下:
两个类的优先级是未定义的
建议:在使用外部样式类时,样式需要通过!important添加权重