微信小程序的tabbar就是一個選項卡的設置。在本文中，將分享一下微信小程序設置tabbar的經(jīng)驗。 1. 設置tab選項卡 首先，在微信小程序下面設置兩個tab選項卡。可以通過右邊的小程序文件夾

微信小程序的tabbar就是一個選項卡的設置。在本文中，將分享一下微信小程序設置tabbar的經(jīng)驗。

1. 設置tab選項卡

首先，在微信小程序下面設置兩個tab選項卡。可以通過右邊的小程序文件夾中找到index以及l(fā)ogs選項。在tab配置時，必須設置路由頁面為其中一個才能顯示。

2. 在app.json中配置tabbar組件

在app.json文件中輸入"tab"即可感應到tabbar組件?；剀嚭?，會自動完整輸入整個tabbar組件。

tabbar組件中有一個list數(shù)組，用來存放tabbar的個數(shù)。每對花括號表示一個選項卡。在這里，有兩個選項卡。text屬性用于設置選項卡中的文本提示。

3. 設置點擊選項卡的跳轉(zhuǎn)頁面

在tabbar組件中，需要設置點擊選項卡時的跳轉(zhuǎn)頁面。只有設置為index或logs才會顯示tabbar。

4. 設置選中狀態(tài)與未選中狀態(tài)下的圖標路徑

最后，設置tabbar的選中狀態(tài)和未選中狀態(tài)下的圖標路徑。

5. 查看效果圖

最后，可以查看設置的三個tabbar選項卡的效果圖。