WeX5 實戰(zhàn)案例：仿淘寶App

【學習目標】

通過學習仿淘寶App，掌握使用向導生成一個應用，初步了解圖片輪播、二級門戶圖標、廣告欄、雙列列表、本地存儲（H5 LocalStorage）以及遮罩的使用。

【案例說明】

仿淘寶App是一款模仿淘寶App界面風格的軟件，提供首頁、商品分類頁、搜索頁、商品列表頁、商品詳細頁、購物車頁等頁面，數(shù)據(jù)使用靜態(tài)數(shù)據(jù)。運行效果如圖1-37.

開發(fā)App的完整過程參考1.3.2  開發(fā)過程一節(jié)。首先新建一個應用taobao。再新建一個W文件，在“新建W向導”中選擇模板 “移動→應用→仿淘寶”，文件名輸入index，就在taobao目錄下建出了完整的仿淘寶應用。下面介紹首頁main.w和列表頁list.w上常用的功能是如何實現(xiàn)的。