[微信小程序知识点]自定义组件-拓展-外部样式类

使用组件时,组件使用者可以给组件传入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添加权重

相关推荐
coding随想41 分钟前
JavaScript ES6 解构:优雅提取数据的艺术
前端·javascript·es6
小小小小宇1 小时前
一个小小的柯里化函数
前端
灵感__idea1 小时前
JavaScript高级程序设计(第5版):无处不在的集合
前端·javascript·程序员
小小小小宇1 小时前
前端双Token机制无感刷新
前端
小小小小宇1 小时前
重提React闭包陷阱
前端
小小小小宇1 小时前
前端XSS和CSRF以及CSP
前端
UFIT1 小时前
NoSQL之redis哨兵
java·前端·算法
超级土豆粉1 小时前
CSS3 的特性
前端·css·css3
星辰引路-Lefan1 小时前
深入理解React Hooks的原理与实践
前端·javascript·react.js
wyn200011282 小时前
JavaWeb的一些基础技术
前端