1.新添加页面,找到app.json,在pages中加入写的路径会自动生成文件
2.页面跳转方式,传参数:
wx.navigateTo({
url: '../home/home?title=' + app.globalData.userInfo.nickName,
})
url:跳转路径+“?”传参数名字+所传递参数,动态传递参数可以参照以上写法
获取页面参数:
onLoad: function (options) {
this.setData({
title: options.title
})
}
3.修改公共导航栏头部:
wx.setNavigationBarTitle({
title: options.title
})
4.添加底部导航栏:
在app.json中加入tabbar:
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#efefef",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
},
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页"
},{
"pagePath": "pages/home/home",
"text": "主页"
}]
}
注意:tabbar放在window下面属于并列
color | HexColor | tab 上的文字默认颜色 |
selectedColor | HexColor | tab 上的文字选中时的颜色 |
backgroundColor | HexColor | tab 的背景色 |
borderStyle | String | tabbar上边框的颜色, 仅支持 black/white |
success | Function | 接口调用成功的回调函数 |
fail | Function | 接口调用失败的回调函数 |
complete | Function | 接口调用结束的回调函数(调用成功、失败都会执行) |