首先准备两个页面
在app.json的pages里直接添加路径,会自动生成文件,然后添加tabBar,准备好底部切换的图片,window中可进行顶部的设置
{
"pages":[
"pages/index/index",
"pages/logs/logs",
"pages/one/one",
"pages/two/two"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#eee",
"navigationBarTitleText": "测试小程序",
"navigationBarTextStyle":"black"
},
"tabBar": {
"selectedColor": "#1296db",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "pages/source/one-un.png",
"selectedIconPath": "pages/source/one.png"
},
{
"pagePath": "pages/one/one",
"text": "设置",
"iconPath": "pages/source/set-un.png",
"selectedIconPath": "pages/source/set.png"
}
]
}
}
效果图