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

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

【案例說(shuō)明】

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

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