微信小程序开发

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样式将影响到自定义组件*/
},