導讀美食城菜譜是圍繞美食而作的一款小程序，在這里可以查看各式各樣的菜譜以及制作方法。對于菜譜類App軟件，用戶使用的頻率不高。當用戶碰到不會做的菜式或者想做一些....

美食城菜譜是圍繞美食而作的一款小程序，在這里可以查看各式各樣的菜譜以及制作方法。對于菜譜類App軟件，用戶使用的頻率不高。當用戶碰到不會做的菜式或者想做一些新的菜式時，才會去App軟件查看，而微信小程序就可以滿足這種低頻使用的需要。

菜譜微信小程序的底部有5個導航標簽：學做菜、頭條、美食圈、消息、我的，標簽導航選中時導航圖和導航文字都會變為紅色，如圖所示。

1、新建一個無AppID的xhcp項目，如圖所示。

2、將準備好的底部標簽導航圖標、美食輪播圖片、宮格導航圖標、頭條美食圖片復制到“pages”文件夾下。

4、在windows數組里配置窗口導航背景色（#494949），導航欄文字為“學做菜”，字體顏色為白色“#fff”，具體配置如圖所示。

5、在tabBar對象里配置底部標簽導航背景色為白色（#ffffff），文字默認顏色為灰色（#999999），選中時為紅色（#CC1004），在list數組里配置底部標簽導航對應的頁面、導航名稱、默認時圖標、選中時圖標、具體配置如圖所示。

這樣就完成了仿菜譜微信小程序的底部標簽導航配置，單擊不同的導航，可以切換顯示不同的頁面，同時導航圖標和導航文字會呈現為選中狀態，如圖所示。