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

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

相关推荐
IT_陈寒6 小时前
Python+AI实战:用LangChain构建智能问答系统的5个核心技巧
前端·人工智能·后端
袁煦丞7 小时前
MoneyPrinterTurbo一键生成短视频:cpolar内网穿透实验室第644个成功挑战
前端·程序员·远程工作
代码小学僧7 小时前
让 AI 真正帮你开发:前端 MCP 实用技巧分享
前端
晴殇i7 小时前
前端鉴权新时代:告别 localStorage,拥抱更安全的 JWT 存储方案
前端·javascript·面试
Json____7 小时前
使用node Express 框架框架开发一个前后端分离的二手交易平台项目。
java·前端·express
since �7 小时前
前端转Java,从0到1学习教程
java·前端·学习
小奋斗7 小时前
面试官:[1] == '1'和[1] == 1结果是什么?
前端·面试
萌萌哒草头将军7 小时前
尤雨溪宣布 oxfmt 即将发布!比 Prettier 快45倍 🚀🚀🚀
前端·webpack·vite
weixin_405023377 小时前
webpack 学习
前端·学习·webpack
云中雾丽7 小时前
flutter中 Future 详细介绍
前端