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

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

相关推荐
星空17 分钟前
Map<String, String>`Map`是接口,不能直接 new
java·前端·算法
开开心心就好29 分钟前
低年级识字练笔顺工具,电脑和安卓端都能用
前端·javascript·网络·安全·scala·erlang·语音识别
杨利杰YJlio42 分钟前
ITSK PE 26U5 测试版解读:组件完善、VMD 修复与服务器支持边界
前端·javascript·后端
志尊宝42 分钟前
Vue3 零基础每日笔记(021):class 与 style 动态绑定——对象、数组、三元表达式写法汇总
前端·vue.js·笔记·前端框架·html5
夏幻灵43 分钟前
Vue / React 列表渲染中的 key:为什么没有 key,Checkbox 可能“对号跑错”?
前端·javascript·vue.js
YWL43 分钟前
vue-time-axis-plus进阶:双进度条+跨空白续播+播放指针,打造专业级监控回放体验
前端·javascript·vue·时间轴
mmsx44 分钟前
MapLibre 实战 09|Bug 单写着"地图被风刮走了":一个瓦片源工厂,是三个线上事故换来的
android·前端·开源
不羁的木木1 小时前
给鸿蒙 App 增加打开外部网页能力 —— flutter_web_browser 的鸿蒙使用指南
前端·flutter·harmonyos
广州山泉婚姻1 小时前
微服务时代,前后端分离架构该怎样高效协同?
前端·后端
EatFan1 小时前
多租户系统到底怎么设计?从 tenant_id 到 JWT 租户隔离的真实实践
前端·后端·全栈·多租户