因為微信小程序的Tabbar功能比較簡單，比如要實現中間突出的圓形掃壹掃按鈕，就需要自定義Tabbar。
博主創建了壹個Tabbar組件，編寫了自己的風格，並將該組件引入到需要使用的頁面中。
該組件使用position: fixed來位於底部，因此您需要向使用該組件的頁面添加margin-bottom樣式。
交互是通過組件上定義的bindtap事件跳轉到頁面或者觸發功能模塊，其中wx.switchTab用於路由跳轉。事件和參數可以通過triggerevent傳遞；
文件目錄
參考組件
組件數據
組件的路由跳轉
來源GitHub地址:/PDD 11997110103/組件倉庫。
如果覺得有幫助，我是@彭多多11997110103。歡迎關註評論。
結束
以前的文章
個人主頁