WeX5 实战案例：仿淘宝App

【学习目标】

通过学习仿淘宝App，掌握使用向导生成一个应用，初步了解图片轮播、二级门户图标、广告栏、双列列表、本地存储（H5 LocalStorage）以及遮罩的使用。

【案例说明】

仿淘宝App是一款模仿淘宝App界面风格的软件，提供首页、商品分类页、搜索页、商品列表页、商品详细页、购物车页等页面，数据使用静态数据。运行效果如图1-37.

开发App的完整过程参考1.3.2  开发过程一节。首先新建一个应用taobao。再新建一个W文件，在“新建W向导”中选择模板 “移动→应用→仿淘宝”，文件名输入index，就在taobao目录下建出了完整的仿淘宝应用。下面介绍首页main.w和列表页list.w上常用的功能是如何实现的。