全局配置
在app.json
中进行配置
pages项
pages里是页面路径列表(默认展示的是第一个)
"pages": [
"pages/index/index",
"pages/list/list",
"pages/logs/logs"
],
window项
用来配置对应的窗口信息
{
"window": {
"navigationBarBackgroundColor": "#FFFFFF", //顶部导航的背景色
"navigationBarTitleText": "顶部导航标题", //顶部导航标题(可以给页面单独配置)
"navigationBarTextStyle": "white", //顶部导航标题颜色(一般是black white)
"backgroundColor": "#000000", //下拉刷新的背景色
"backgroundTextStyle": "dark", //下拉刷新的背景色
"enablePullDownRefresh": true //开启下拉刷新(一般给页面单独设置)上拉加载同理
},
}
tabbar项
官方提供的tabbar很好配置,tabbar一般至少2个,最多5个,超过5个可以自定义tabbar。
-
color 默认文字颜色
-
selectedColor 选中的文字颜色
-
list[].pagePath 跳转的页面路径
-
list[].text 菜单中的文字
-
list[].iconPath 默认图片地址
-
list[].selectedIconPath 选择时的图片地址
其中,图片大小不能大于40kb,建议尺寸为81x81
"tabBar": {
"color": "black",
"selectedColor": "red",
"list": [
{
"pagePath": "pages/list/list",
"text": "列表",
"iconPath": "未选中图片路径",
"selectedIconPath": "选中图片路径"
},
{
"pagePath": "pages/index/index",
"text": "主页",
"iconPath": "未选中图片路径",
"selectedIconPath": "选中图片路径"
}
]
},
页面配置
在页面.json
中进行配置:(常用的配置项)
{
"usingComponents": {}, //页面自定义组件配置
"navigationBarTitleText": "页面顶部导航标题", //页面顶部导航标题
"enablePullDownRefresh": true, //页面下拉刷新
"onReachBottomDistance": 50 //页面上拉加载,距底部50px时加载数据
}
最后
在官方文档 微信开放文档 中,有更加详细的配置项介绍,通过文档的介绍就可以实现基础的配置了。