app.json
{
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "icons/home.png",
"selectedIconPath": "icons/home_selected.png"
},
{
"pagePath": "pages/mine/mine",
"text": "我的",
"iconPath": "icons/mine.png",
"selectedIconPath": "icons/mine_selected.png"
}
],
"selectedColor": "#1296db"
}
}然后，在每个页面的 .json 文件中设置 navigationBarTitleText 属性，用于显示页面标题。
{
"navigationBarTitleText": "首页"
}最后，在每个页面的 .wxml 文件中使用 navigator 组件来实现页面跳转。
这样就可以实现微信小程序的 tabar 切换功能了。
上一篇：如何快速的开发小程序预约功能
下一篇：在网页H5中打开微信小程序的功能
