底部导航配置
"tabBar": {
"fontSize": "",
"color": "",
"selectedColor": "",
"borderStyle": "",
"backgroundColor": "",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "",
"selectedIconPath": "",
"text": "首页"
}]
}
原生导航配置
"globalStyle": {
//"navigationStyle": "custom" //是否开启自定义导航
"navigationBarTextStyle": "",
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "",
"backgroundColor": ""
}
配置uview(同时支持vue3和vue2)
插件市场地址:点我点我
uview文档地址:我是链接
根据文档进行相关配置后就可以使用了
分包加载
关于小程序开发的时候,我们对开发项目打包过后的文件大小有限制
小程序:每个包开发完成打包压缩,不能超过2M,超过2M无法上线
小程序提供和uniapp提供了分包机制。可以将你们代码分为10个包,每个包最多2M
整个小程序项目可以支持20M大小。
app端无需分包,app端对项目大小没有限制,你们写多少打包多少。
分包流程
- 创建跟page文件夹同目录的子包,比如pageB
- 子包的路由
"subPackages": [{
"root": "pagesA",
"pages": [{
"path": "list/list",
"style": {
"navigationBarTitleText": "产品"
}
}]
}, {
"root": "pagesB",
"pages": [{
"path": "detail/detail",
"style": {
"navigationBarTitleText": "详情"
}
}]
}],
子包预加载:主包加载完毕后,子包可以先加载(不影响我们主包的速度)
"preloadRule": {
"pagesA/list/list": {
"network": "all",
"packages": ["__APP__"]
},
"pagesB/detail/detail": {
"network": "wifi",
"packages": ["pagesA"]
}
},
network:代表网络,指定当前这个包在那种网络环境下进行加载
packages:当前这个包在哪个时机进行加载。一般我们可以配置root
或 name
。__APP__
表示主包。
__APP__
代表主包加载完毕
pagesA:代表pagesA这个包加载完毕后再加载当前这个包