天天看點

微信小程式|制作标簽導航

問題描述

App.json作為全局配置檔案,可以設定5個功能:配置頁面路徑,配置視窗表現,配置标簽導航,配置網絡逾時和配置debug模式。其中,标簽導航是衆多移動App軟體均會采用的一種導航方式,那麼如何用微信小程式實作這一效果呢?

解決方案

這就需要在app.json中配置tabBar屬性。taBar是一個對象,可以配置标簽導航文字預設顔色、選中顔色、标簽導航背景色及上邊框顔色,上邊框顔色可以配置white、black兩種顔色。标簽導航存放到list數組中,有一個标簽導航就在list中配置标簽導航,list中的每個對象對應一個标簽導航,每個對象中可以配置标簽導航的路徑、導航名稱、預設圖示以及選中圖示。

微信小程式|制作标簽導航
微信小程式|制作标簽導航

結語

遇到整個的問題可以分步解決,先解決基礎的小知識,再研究整體,會使過程比較容易。

END

實習編輯 | 王楠岚

責 編 | 趙 微

where2go 團隊