DATE:2022-5-8 Author:MJQ Meta:MiniProgram
小程序设计总结
1️⃣、小程序引入iconfont图标:app.wxss文件中导入@import "iconfont.wxss";
2️⃣、页面引入封装组件配置过程:
设置pading使点击区域变大;
3️⃣、slot插槽
💥组件样式隔离解决办法:3种
1.组件内直接导入外部样式文件;(easy)
2.externalclass引入外部样式;(注:通过“传递”引入外部样式,但组件内部不能重重写外部样式类 常用)
externalClasses:[
'iconfont',
'icon-sousuo',
],
3.styleIsolation属性; (样式隔离设定)
options:{
styleIsolation:'apply-shared' /* isolated:表示启用样式隔离 | apply-shared:表示页面wxss样式将影响到自定义组件 |
* shared:表示页面wxss样式将影响到自定义组件*/
},