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