舊版貓眼電影底部有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數組中配置底部標簽導航對應的頁面、導航名稱、默認時圖標和選中時圖標。如下圖:

至此,就完成了貓眼電影底部導航的配置,效果圖如下,當點擊不同的導航標簽,可以切換不同的頁面,同時導航圖標和導航文字會呈現為選中狀態。

