舊版貓眼電影底部有4個標簽導航：電影、影院、發現、我的，如下圖所示： 一、首先，打開微信開發者工具，新建一個項目：movie。如下圖： 二、建立如下的一些目錄： 三、將底部標簽導航圖標的素材放到images的bar中（0表示標簽未被選中，1表示選中），如圖： 四、打開app.json配置文件，在pa ...
舊版貓眼電影底部有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數組中配置底部標簽導航對應的頁面、導航名稱、預設時圖標和選中時圖標。如下圖：
至此，就完成了貓眼電影底部導航的配置，效果圖如下，當點擊不同的導航標簽，可以切換不同的頁面，同時導航圖標和導航文字會呈現為選中狀態。
