在使用自定义tabBar的时候需要在app.json中开启使用自定义tabBar
"custom": true
注意一点list是必须加上的,微信官方有说明
创建自定义tabBar
tabBar名称是写死的:custom-tab-bar
文件名称也是写死的:index
在app.json生成多目录,用来实现tabBar
名称自定义
就可以看到barBar标签栏就起作用了
自定义标签栏js页面:
- data: {
- list:[
- {
- "pagePath": "/pages/03/03",
- "text": "03页面",
- "iconPath": "/images/tabs/home.png",
- "selectedIconPath": "/images/tabs/home-active.png"
- },
- {
- "pagePath": "/pages/02/02",
- "text": "02页面",
- "iconPath": "/images/tabs/message.png",
- "selectedIconPath": "/images/tabs/message-active.png"
- },
- {
- "pagePath": "/pages/01/01",
- "text": "01页面",
- "iconPath": "/images/tabs/contact.png",
- "selectedIconPath": "/image