在每个页面的配置文件中设置
app.wpy:入口文件,包含config,globalData,constructor和生命周期。在config中配置路由
config:配置pages,window,tabBar。分别为页面路由配置,页面导航栏配置,页面底部栏配置。详细配置在小程序框架配置
globalData: 全局参数配置,用于多个页面的公用参数。
constructor: 拦截器的配置。
生命周期使用
其中如果在页面开发中需要用到async/await的话,需要在app.wpy中使用import 'wepy-async-function’加载模块,不然在编译后页面会报错,导致async/await无法使用。
// 设置路由,导航栏,底部栏
config = {
pages: [
'pages/main',
'pages/admin-center'
],
window: {
backgroundTextStyle: 'light',
navigationBarBackgroundColor: '#fff',
navigationBarTitleText: 'WeChat',
navigationBarTextStyle: 'black'
},
tabBar = {
color: '#AEADAD',
selectedColor: '#049BFF',
backgroundColor: '#fff',
borderStyle: 'black',
list: [{
pagePath: 'pages/index',
text: '首页',
"iconPath": "images/ico-home.png",
"selectedIconPath": "images/ico-home-d.png"
}, {
pagePath: 'pages/admin-center',
text: '借阅',
"iconPath": "images/ico-setting.png",
"selectedIconPath": "images/ico-setting-d.png"
}]
}
}
// 全局参数(方便后期各页面中的使用)
globalData = {
prizeList: [], // 领取的奖品列表
}
// 设置拦截器,intercept为拦截器函数
constructor () {
super()
intercept(this)
}
// 页面加载
onLaunch(res) {
console.log(res)
}
自定义标题
app.wpy
在app.wpy中配置标题为自定义
export default class extends wepy.app {
config = {
pages: [
'pages/index'
],
window: {
backgroundTextStyle: 'light',
// 这是重点
navigationStyle: 'custom',
navigationBarBackgroundColor: '#fff',
navigationBarTitleText: 'Demo',
navigationBarTextStyle: 'white'
}
}
onLaunch() {
}
}