關於uni-app導航欄中 中間大圖標的設置

在uni-app的開發過程中，想要將位於中間的圖標設置更大，通過一般的更改導航欄圖標大小方式實現不了。經過查看官方文檔可以發現，我們可以通過midbutton來設置中間tabbar的樣式。

 

但前提是，中間按鈕僅在tabbar個數為偶數時才有效（從1開始計數）

對於midbutton的一些屬性官方也給出了相應的解釋。

 

 但是不同於tabbar的是，midbutton的頁面跳轉沒有了之前的pagePath，需監聽點擊事件，自行處理點擊后的行為邏輯。監聽點擊事件為調用API：uni.onTabBarMidButtonTap。

 

 API放在一個app.vue的頁面內就好了。url里填寫你要跳轉的路徑。

uni.onTabBarMidButtonTap(()=>{
			           uni.navigateTo({
			           	url: '/pages/card/card'
			           });
			        })

　　

效果如圖顯示：