1 百年奥莱
1.1 目录结构
01.结构
static 静态资源：图片、字体图标
App.vue 全局配置：样式，全局监听
main.js vue初始化入口文件
manifest.json 配置文件：appid、logo
pages.json 配置文件：导航、tabbar、路由
page 页面
index
index.vue
list
list.vue
my
my.vue
components 组件
index
Banner.vue
Icons.vue
common
commodity.vue
common 公共文件：全局CSS文件
02.字体图标引入
放大镜、消息、垃圾桶、上箭头、下箭头、购物车
03.导航开发
首页、分类、购物车、我的 -> 选中|未选中
04.顶部开发
1.2 模块划分
00.公用组件
a.单独的商品展示：commodity
图片、文字
b.商品展示列表：commodityList
内部调用 -> 单独的商品展示
01.首页index
推荐
a.顶部滑动导航
b.swiper
名称：IndexSwiper
封装：是
运动户外
a.顶部滑动导航
封装：否
b.头图
名称：banner
封装：是
c.宫格
名称：icons
封装：是
d.卡片
名称：card
封装：是
公用：否
e.品牌
名称：brand
封装：是
f.热销
名称：hot
封装：是
g.店铺
名称：shop
封装：是
h.为您推荐
略
02.搜索search
a.最近搜索
封装：否
b.热门搜索
封装：否
03.搜索列表search-list
a.商品筛选
封装：否
04.商品详情details
a.头图滑动
名称：swiper
封装：是
b.内容
名称：content
封装：是
c.看了又看
[调用->商品展示列表]
d.加入购物车
名称：addCart
封装：是
05.购物车shopCart 数据：vuex
a.商品内容
略
b.结算
略
06.分类 list
略
07.我的 my
略
08.登录
略
09.支付
略