小程序的开发里面有一些项目配置需要注意,这些配置说明文档我们可以在微信公众平台找到
下面是我自己建的demo
我们在app.json里面配置一些全局配置
我们可以看到 文件里面的pages,这里面是配置项目页面地址的地方 在这里我创建了四个页面 分别对应左边目录pages下面的四个文件夹,在这里配置页面的时候我们要注意放在最上面的页面是小程序进入后第一个加载的页面
{
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/find/find",
"pages/self/self"
],
"window": {
"backgroundTextStyle": "dark",
"navigationBarBackgroundColor": "#7ff102",
"navigationBarTitleText": "首页",
"navigationBarTextStyle": "black",
"enablePullDownRefresh": true,
"backgroundColor": "pink"
},
"tabBar": {
"color": "#000000",
"selectedColor": "#1AAD16",
"list": [
{
"text": "首页",
"pagePath": "pages/index/index",
"iconPath":"images/tabBar/tabBar1.png",
"selectedIconPath":"images/tabBar/tabBar1-selected.png"
},
{
"text": "发现",
"pagePath": "pages/find/find",
"iconPath": "images/tabBar/tabBar2.png",
"selectedIconPath": "images/tabBar/tabBar2-selected.png"
},
{
"text": "日志",
"pagePath": "pages/logs/logs",
"iconPath": "images/tabBar/tabBar3.png",
"selectedIconPath": "images/tabBar/tabBar3-selected.png"
},
{
"text": "我的",
"pagePath": "pages/self/self",
"iconPath": "images/tabBar/tabBar4.png",
"selectedIconPath": "images/tabBar/tabBar4-selected.png"
}
]
},
"debug": true,
"sitemapLocation": "sitemap88.json" }
window配置:
"enablePullDownRefresh": true 这个是开启下拉刷新 true为开启
"backgroundTextStyle": "light" 这个设置下拉刷新的时候 加载样式的 只有light和dark两种样式
"navigationBarTitleText": "首页" 设置顶部文本
"navigationBarTextStyle": "black" 设置顶部文本样式
"backgroundColor": "pink" 背景颜色
"debug": true 这个是用来开启调试模式的 true开启 这个在我看来没啥大的作用 你不开 出现错误 控制台也会提醒
如下: