A. 微信小程序自定義Tabbar，附詳細源碼
分享一個完整的微信小程序自定義 Tabbar ，tabbar按鈕可以設置為跳轉頁面，也可以設置為功能按鈕。懶得看文字的可以直接去底部，博主分享了GitHub地址。
由於微信小程序自帶的 Tabbar 功能比較單一，比如要做到中間是一個突出的圓形掃一掃按鈕，就需要自定義 Tabbar 了。
博主創建了一個 Tabbar 組件，自己寫的樣式，在需要用到的頁面引入組件。
組件使用了 position: fixed 定位到底部，所以在用到組件的頁面，需要給 page 加上 margin-bottom 樣式。
交互是通過在組件上定義的 bindtap 事件，來進行跳轉頁面或者觸發功能模塊，其中路由跳轉是用的 wx.switchTab 。事件以及傳參可以通過 triggerEvent ；
文件目錄
引用組件
組件的data
組件的路由跳轉
源碼GitHub地址：https://github.com/pdd11997110103/ComponentWarehouse
如果看了覺得有幫助的，我是@ 鵬多多11997110103 ，歡迎 點贊 關注 評論；
END
往期文章
個人主頁