:2024年4月6日
一、小程序对 包的限制
二、 组件库
1. 什么是
官网文档地址
2. 组件库的安装
注意点: 我们最新版本的微信者工具是不是没有勾选的,默认系统内部自动勾选。
步骤一 通过 安装
使用构建前,请先阅读微信官方的支持
步骤二 修改.
将 . 中的"": "2"强大,小程序的新版组件基础强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
3. 使用 组件
最主要的就是查阅官方文档进行使用
4. 定制全局主题样式
》 看看变量是如何定义和使用的:
使用方式和变量是一样的, 使用 – 开头,在使用的时候使用 函数传入自定义变量的变量名即可。
注意:下面带中的 指明的是该变量的作用域,不同的作用域,则属性名字也不一样。
关于颜色的名字,可以参考官方文档使用即可。
三、 化
1. 优缺点
2. 什么是 化
3. 实现 化
一、
安装完毕后,记得重新构建一下包,将原有的删除,然后重新构建防止构建失败。
二、
4. 调用 优化后的异步
四、 全局数据共享(状态管理)
4.1 什么是数据共享
4.2 共享方案
4.3 安装 相关包
五、 创建 的 示例
六、将 数据绑定到页面
七、页面中使用 中的数据
八 、将 中的成员绑定到组件中
九、在组件中使用 成员
十、分包
1. 什么是分包
2. 分包的好处
3. 分包前后的区别
4. 分包的加载规则
5. 分包的体积限制
十一、配置分包
同时还可以 添加 字段,实现分包的别名
2. 分包的打包原则
2. 分包的引用原则
十二、分包
1. 什么是分包
2. 分包和普通分包的区别
3. 分包的应用场景
4. 分包的配置方法
5. 分包的引用原则
分包预下载
1. 什么是分包预下载
2. 配置分包预下载
3. 分包预下载的限制
综合案例 - 自定义
实现步骤:
1. 配置相关 配置信息
2. 添加 文件
3. 代码的实现
5. 配置自定义图标
给标签加上 属性就能指定徽标
6. 美化自定义图标
注意:组件内使用组件库后,想要修改样式是无法直接覆盖修改的,需要我们进行配置
6. 遍历渲染
快速遍历生成我们的,在数据项中定义一个:
然后通过循环渲染
7. 如何动态渲染徽标的数值
使用 状态管理进行绑定渲染即可。
8. 切换标签页事件
9. 切换选中的文字颜色
总结