本文总结了小程序设计中的几个关键点：1) 如何引入iconfont图标；2) 页面引入封装组件并设置点击区域；3) 解决组件样式隔离的三种方法，包括直接导入外部样式、使用externalclass以及设置styleIsolation属性。这些技巧对于优化小程序的用户体验和代码组织至关重要。
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样式将影响到自定义组件*/
},
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
