一、全局配置文件
1. pages属性
- pages 即路由
- 第一项即首页,调试时可以更改或者开发者工具中添加编译模式
- 在pages中添加一个路由,保存时会自动生成相关文件
2.window属性
- 导航栏设置
- 下拉刷新开关及样式
3.tabbar设置
- tab数据
- tab栏样式
{
//书写配置文件时建议在开发者工具中编写,有提示
//1、pages 即路由
//2、第一项即首页,调试时可以更改或者开发者工具中添加编译模式
//3、在pages中添加一个路由,保存时会自动生成相关文件
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/test",
"pages/test/test"
],
"window": {
"backgroundTextStyle": "light",//下拉刷新时加载图标的颜色,枚举[dark,light]
"navigationBarBackgroundColor": "#fff", //导航栏背景色
"navigationBarTitleText": "测试哈哈哈", //导航栏文本
"navigationBarTextStyle": "black" , //导航栏文本颜色,枚举值:[black,white]
"enablePullDownRefresh": true, //下拉刷新开启关闭
"backgroundColor": "#666", //窗口的背景色,下拉时可以看到
},
"tabBar": {
"list":[
{
"pagePath":"pages/index/index",//tab路径
"text":"首页",//tab文本
"iconPath":"icon/sheep1.png",//tab未被选中图标
"selectedIconPath":"icon/active-sheep1.png"//tab被选中图标
},
{
"pagePath":"pages/img/img",
"text":"图片",
"iconPath":"icon/sheep2.png",
"selectedIconPath":"icon/active-sheep2.png"
},
{
"pagePath":"pages/mine/mine",
"text":"我的",
"iconPath":"icon/sheep3.png",
"selectedIconPath":"icon/active-sheep3.png"
},
{
"pagePath":"pages/search/search",
"text":"搜索",
"iconPath":"icon/sheep4.png",
"selectedIconPath":"icon/active-sheep4.png"
}
],
"color":"#0094ff",//tab未被选中文本颜色
"selectedColor": "#ff9400",//tab被选中文本颜色
"backgroundColor": "#eeeeee",//tab栏背景颜色
"position": "top"//tab栏位置,枚举值[top,bottom],为top时不显示icon
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
二、页面配置文件
可以覆盖全局配置中的window属性
- 控制页面导航栏外观
- 自定义组件配置
- 页面开启禁用上拉加载下拉刷新









网友评论