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

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

相关推荐
waterHBO1 小时前
直接从图片生成 html
前端·javascript·html
互联网搬砖老肖2 小时前
React组件(一):生命周期
前端·javascript·react.js
我科绝伦(Huanhuan Zhou)2 小时前
深入解析Shell脚本编程:从基础到实战的全面指南
前端·chrome
小马哥编程2 小时前
React和Vue在前端开发中, 通常选择哪一个
前端·vue.js·react.js
aklry2 小时前
uniapp实现在线pdf预览以及下载
前端·pdf·uni-app
℘团子এ2 小时前
vue3中预览Excel文件
前端·javascript
shmily麻瓜小菜鸡3 小时前
在 Angular 中, `if...else if...else`
前端·javascript·angular.js
bloglin999993 小时前
npm和nvm和nrm有什么区别
前端·npm·node.js
2501_910227544 小时前
web3 前端常见错误类型以及错误捕获处理
前端·web3
哎哟喂_!4 小时前
Node.js 同步加载问题详解:原理、危害与优化策略
前端·chrome·node.js