- 背景:從小程序誕生到現(xiàn)在做了幾個(gè)小程序揉燃,但是關(guān)于tabbar一直是按照官方的方式走的局扶。而且也認(rèn)為作為一個(gè)即用即走的產(chǎn)品不應(yīng)該復(fù)雜到要用到動(dòng)態(tài)tabbar谬哀。但是經(jīng)不住客戶的壓迫還是要辦法封字。
- 客戶需求是:兩種用戶類型辛藻,登錄之后按照權(quán)限劃分兩套界面。
- 解決辦法:拋棄官方的tabbar自己寫兩個(gè)tabbar分別放到需要不同tabbar的頁面里苫纤,也可以封裝成一個(gè)template供所有頁面調(diào)用碉钠。使用方法例如:登錄頁發(fā)起網(wǎng)絡(luò)請求之后,拿到用戶權(quán)限卷拘,根據(jù)權(quán)限跳轉(zhuǎn)到不同的頁面喊废,頁面和tabbar一一對應(yīng)就好了。
---------------下面的代碼是一個(gè)簡單的模版可以使用恭金,請自己美化------------------
<view style="width:100%;height:100rpx; display:flex; flex-direction: row;justfy-content: center; border: 1rpx solid #eee; position: fixed; bottom:0; left:0;">
<view style="width: 49%;height:99rpx; text-align:center; line-height: 99rpx; border-right:1rpx solid #FFF;box-shadow: 1px 7px 6px #eee;color:#85C350" bindtap='handleQuestion'>問題</view>
<view style="width: 49%;height:99rpx; text-align:center; line-height: 99rpx;box-shadow: 1px 7px 6px #eee;" bindtap='handleComment'>評論</view>
</view>