uniapp动态设置tabbar

admin

首页代码：

1. // 动态设置tabBar第一项
   
2.                         // #ifdef APP || WEB
   
3.                         let tabIndex = getApp().globalData.tabIndex;
   
4.                         console.log(tabIndex)
   
5.                         if (tabIndex != 0) {
   
6.                                 // #ifdef APP || WEB
   
7.                                 let tabBar = {
   
8.                                         index: 0,
   
9.                                         selectedIconPath: "/static/tabbar/default.png",
   
10.                                         text: ''
    
11.                                 }
    
12.                                 // #endif
    
13.                                 // #ifdef MP
    
14.                                 let tabBar = {
    
15.                                         index: 0,
    
16.                                         text: '首页',
    
17.                                         iconPath: "/static/tabbar/home.png",
    
18.                                         selectedIconPath: "/static/tabbar/home-selected.png",
    
19.                                 }
    
20.                                 // #endif
    
21.                                 uni.setTabBarItem(tabBar)
    
22.                                 getApp().globalData.tabIndex = 0;
    
23.                         }
    
24.                         // #endif

复制代码

分类页代码：

1. onLoad() {
   
2.                         // 动态设置tabBar第一项
   
3.                         // uni.setTabBarItem({
   
4.                         //         index: 0,
   
5.                         //         text: '首页',
   
6.                         //         iconPath: "/static/tabbar/home.png",
   
7.                         //         selectedIconPath: "/static/tabbar/home-selected.png",
   
8.                         // })
   
9.                 },
   
10.                 onShow() {
    
11.                         // 动态设置tabBar第一项
    
12.                         // #ifdef APP || WEB
    
13.                         let tabIndex = getApp().globalData.tabIndex;
    
14.                         console.log(tabIndex)
    
15.                         if (tabIndex == 0) {
    
16.                                 let tabBar = {
    
17.                                         index: 0,
    
18.                                         text: '首页',
    
19.                                         iconPath: "/static/tabbar/home.png"
    
20.                                 }
    
21.                                 uni.setTabBarItem(tabBar)
    
22.                         }
    
23.                         getApp().globalData.tabIndex = 1;
    
24.                         // #endif
    
25.                        
    
26.                 },

复制代码

订单页代码：

1. onShow() {
   
2.                         // 动态设置tabBar第一项
   
3.                         // #ifdef APP || WEB
   
4.                         let tabIndex = getApp().globalData.tabIndex;
   
5.                         console.log(tabIndex)
   
6.                         if (tabIndex == 0) {
   
7.                                 let tabBar = {
   
8.                                         index: 0,
   
9.                                         text: '首页',
   
10.                                         iconPath: "/static/tabbar/home.png"
    
11.                                 }
    
12.                                 uni.setTabBarItem(tabBar)
    
13.                         }
    
14.                         getApp().globalData.tabIndex = 2;
    
15.                         // #endif
    
16.                        
    
17.                 },

复制代码

我的页面代码：

1. onShow() {
   
2.                         // 动态设置tabBar第一项
   
3.                         // #ifdef APP || WEB
   
4.                         let tabIndex = getApp().globalData.tabIndex;
   
5.                         console.log(tabIndex)
   
6.                         if (tabIndex == 0) {
   
7.                                 let tabBar = {
   
8.                                         index: 0,
   
9.                                         text: '首页',
   
10.                                         iconPath: "/static/tabbar/home.png"
    
11.                                 }
    
12.                                 uni.setTabBarItem(tabBar)
    
13.                         }
    
14.                         getApp().globalData.tabIndex = 3;
    
15.                         // #endif
    
16.                        
    
17.                 },

复制代码