介绍

这不仅仅是一个面向于淘客的APP，只是基于淘客数据，真实的数据更加切合项目实战！

一个基础性商城脚手架，无痛刷新401请求，promise封装请求，mockServer本地，VueX模块管理数据，BUS传值，mixin混入，各种实用组件，图片懒加载，mixin混入列表加载分页，滑动scroll-tabs,左右联动分类数据接入

淘宝优惠券整体使用uniCloud来完成主要是为了避免H5端接口签名等信息暴露，采用云函数方式，云函数端注入appSecret等参数，后续有时间拓展后台用户管理，购物车云端数据存储，持续更新中.... 淘宝优惠券使用大淘客API接口（http://www.dataoke.com/）预览地址：https://static-2ca95cc0-7782-43d9-8895-02ec45e6ebb6.bspapp.com/#/

京东优惠券，前端Promise封装uni.request,京东优惠券板块属于分包的独立板块京东优惠券使用京推推API接口（http://www.jingtuitui.com/）预览微信搜索【独家折扣】

bus 传值

  //使用方式
  Vue.use(Bus)
  this.$bus('eventName', id);

  bus: {
   eventName(id) {
     console.log(id);
   }
  }

状态管理


 this.$store.dispatch("auth/login"); //调用vueX登陆

项目目录

.
├── App.Vue                         # 主应用组件
├── pages.json                      # 页面路由配置
├── manifest.json                   # uni配置页
├── main.js                         # 入口文件
├── package.json                    # 引入第三方npm包
├── common                          # 公共 方法 工具等
│   └── utils                       # 公共 工具
│   └── http-client                 # 公共 请求方法
│   └── ...
├── components                      # 公共 UI 组件
│   └── ...
├── config                          # 公共 设置
│   └── api.config                  # 公共 接口设置
│   └── app.config                  # 公共 url 平台 等设置
│   └── ...
├── pages                           # 页面
│   ├── index                        # 首页示例模板
│   ├── mine                        # 我的示例模板
│   └── ...
├── plugins                         # 第三方工具
│   └── ...
├── services                        # 服务端
│   └── api-clinet                  # 接口请求拦截
│   └── api.service                 # 接口封装
│   └── auth.service                # 登陆本地缓存操作
│   └── ...
├── static                          # 静态资源
│   └── tab                         # tab栏图片
│   └── ...
├── store                           # 状态管理
│   └── modules
│       └── app                     # 应用级别状态
│       └── auth                    # 登陆级别状态
│   └── ...
├── styles                          # 样式管理
│   └── aliicon                     # 字体icon
│   └── animation                   # 动画样式
│   └── base                        # 基础公共样式
│   └── border                      # 1px边框
│   └── ...
├── cloudfunctions-aliyun           # 云服务模块
├── mock-server                     # 模拟数据接口
└── yarn.lock