小商城开发介绍

---

前言

一、首页index

封装看是否需要复用

1. 顶部滑动导航
	封装：否

2. 头图
	名称：banner
	封装：是

3. 宫格
	名称：icons
	封装：是

4. 卡片（以下属于卡片运用）
	名称：card
	封装：是
	公用：否

5. 品牌

    名称：brand
    封装：是
   

6. 热销

    名称：hot
    封装：是
   

7. 店铺

    名称：shop
    封装：是
   

8. 为您推荐

公用的组件

1. 单独的商品展示 ： commodity
   

    图片、文字
   

2. 商品展示列表： commodityList

    内部调用==》单独的商品展示
   

二、search

1. 最近搜索
   封装：否
2. 热门搜索
   封装：否

---

三、搜索列表

1. 商品的筛选

    封装：否
   

四、商品详情

1. 头图滑动

    名称：swiper
    封装：是
   

2. 内容

    名称：content
    封装：是
   

3. 看了又看 【调用->商品展示列表】

    封装：是
   

4. 加入购物车

    名称：addCart
    封装：是
   

五、购物车shopcart

1. 商品内容
2. 结算
   数据：vuex

六、分类 list

七、我的 my

检查是否登录

八、登录

九、支付