舊版貓眼電影底部有4個標簽導航：電影、影院、發現、我的，如下圖所示：
一、首先，打開微信開發者工具，新建一個專案：movie，如下圖：
二、建立如下的一些目錄：
三、將底部標簽導航圖示的素材放到images的bar中（0表示標簽未被選中，1表示選中），如圖：
四、打開app.json組態檔，在pages陣列中添加4個頁面的路徑——電影"pages/movie/movie"、影院"pages/cinema/cinema"、發現"pages/find/find"、我的"pages/me/me"，保存后會自動生成相應的頁面檔案夾；洗掉"pages/index/index" "pages/logs/logs"頁面路徑以及對應的檔案夾，
五、在window陣列里配置視窗導航背景顏色為紅色（#D53E37），導航欄文字為電影，字體顏色設定為白色（white），如下圖：
六、在tabBar物件里配置底部標簽導航背景色為灰色（#f5f5f5），文字默認為白色（white），文字選中時為紅色（#D53E37），在list陣列中配置底部標簽導航對應的頁面、導航名稱、默認時圖示和選中時圖示，如下圖：
至此，就完成了貓眼電影底部導航的配置，效果圖如下，當點擊不同的導航標簽，可以切換不同的頁面，同時導航圖示和導航文字會呈現為選中狀態，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/153413.html
標籤：JavaScript
下一篇：反轉字串中的單詞