微信小程序的tabbar就是一個選項卡的設(shè)置。在本文中，將分享一下微信小程序設(shè)置tabbar的經(jīng)驗。 1. 設(shè)置tab選項卡 首先，在微信小程序下面設(shè)置兩個tab選項卡?？梢酝ㄟ^右邊的小程序文件夾

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

1. 設(shè)置tab選項卡

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

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

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

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

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

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

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

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

5. 查看效果圖

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