生鲜电商（可视化版本）模板说明文档

功能描述

该模板为生鲜电商App应用模板，主要功能包括商品列表展示、商品详情查看、购物车、个人中心、基础设置等。通过此模板的使用能快速上手AVM多端开发技术，并能在此模板基础上使用APICloud Studio3可视化工具快速开发出一套完整的生鲜电商类应用。里面涉及到的所有页面用到的数据都是静态数据。目的是为了实现在APICloud Studio3可视化工具设计界面中能够正常显示页面中的内容。

可视化界面显示效果截图

源码目录结构介绍

项目源码在widget目录下，该目录下的文件说明如下：

┌─component/ // 项目公共组件目录 
├─images/ // 图片素材图标资源目录 
├─pages/ // AVM页面目录 
│ ├─about/ 
│ │ └─about.stml // 关于我们页 
│ ├─account/ 
│ │ └─account.stml // 我的账户页 
│ ├─address/ 
│ │ └─address.stml // 收货地址页 
│ ├─balancehelp/ 
│ │ └─balancehelp.stml // 余额帮助页 
│ ├─billhistory/ 
│ │ └─billhistory.stml // 付款记录页 
│ ├─cityselector/ 
│ │ └─cityselector.stml // 城市选择页 
│ ├─coupon/ 
│ │ └─coupon.stml // 我的优惠券页 
│ ├─customerservice/ 
│ │ └─customerservice.stml // 客服服务页 
│ ├─login/ 
│ │ └─login.stml // 登录页 
│ ├─main/ 
│ │ └─main.stml // 主页 
│ ├─message/ 
│ │ └─message.stml // 消息页 
│ ├─myorder/ 
│ │ └─myorder.stml // 我的订单页 
│ ├─order/ 
│ │ └─order.stml // 确认订单列表页 
│ ├─personalcenter/ 
│ │ └─personalcenter.stml // 个人中心主页 
│ ├─register/ 
│ │ └─register.stml // 注册页 
│ ├─setaddress/ 
│ │ └─setaddress.stml // 收货地址设置页 
│ ├─setting/ 
│ │ └─setting.stml // 设置页 
│ ├─share_frame/ 
│ │ └─share_frame.stml // 分享页 
│ ├─shoppingcart/ 
│ │ └─shoppingcart.stml // 购物车 
├─script/ // JavaScript脚本目录 
└─config.xml // 应用配置文件