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

【學(xué)習(xí)目標(biāo)】

通過學(xué)習(xí)仿淘寶App，掌握使用向?qū)梢粋€應(yīng)用，初步了解圖片輪播、二級門戶圖標(biāo)、廣告欄、雙列列表、本地存儲（H5 LocalStorage）以及遮罩的使用。

【案例說明】

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

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