微信小程序TabBar的使用

 1、TabBar使用步驟

          1.建立所須要的界面和所須要的圖片：

        

       2.配置文件：

咱們找到項目根目錄中的配置文件 app.json 加入以下配置信息

          

       

按 Ctrl+C 複製代碼

按 Ctrl+C 複製代碼

 

       屬性的解釋

       tabBar  指底部的 導航配置屬性

       color  未選擇時 底部導航文字的顏色

       selectedColor  選擇時 底部導航文字的顏色

       borderStyle  底部導航邊框的樣色（注意 這裏若是沒有寫入樣式 會致使 導航框上邊框會出現默認的淺灰色線條）

       list   導航配置數組

       selectedIconPath 選中時 圖標路徑

       iconPath 未選擇時 圖標路徑

       pagePath 頁面訪問地址

       text  導航圖標下方文字

 

 2、不一樣界面的跳轉：

       頁面要返回/跳轉至tabbar的某一頁面，可用：

1 wx.switchTab({  
2       url: '../b/b'  
3     }); 

          注意switchTab只能跳轉到帶有tab的頁面，不能跳轉到不帶tab的頁面

          跳轉不帶tab的頁面仍是用redirectTo或者navigateTo 

          故若是post頁面沒有加入tab選項卡，依然使用redirectTo或者navigateTo進行跳轉

         

wx.navigateTo({  
     url: '../b/b'  
   });  
wx.redirectTo({  
     url: '../b/b'  
   });