yrinleung/openshopping-vue

基于Vue实现开箱即用H5移动端商城的单页应用

基于Vue实现开箱即用移动端商城的单页应用

这是开箱即用移动端商城的框架。只需要后端返回标准接口数据，前端配置接口地址等信息，标准商城的页面不需要做任何调整。

特性

• 开箱即用，集成后台接口格式，前端可做二次开发以实现自有业务
• 首页是由图片广告、图文导航、商品、公告、搜索、文本、标题、辅助空白、辅助线、方格等组件根据后端接口数据动态渲染，可根据后端返回的数据渲染出N种首页效果
• 定制主题

手机预览

可以手机扫码以下二维码访问手机端 demo：

技术栈

• vue
• vue cli 3
• vant
• less
• vue-router
• axios
• babel-plugin-import

快速上手

# 安装 Vue Cli 3
npm install -g @vue/cli

npm install

npm run dev

npm run build

调整src/config/env.js的配置信息

baseUrl: 域名地址
dataSources：数据源(local=本地)

进度

• 界面样式
• 数据通过接口绑定
• 定制主题
• 代码重构优化

页面

- 首页
- 分类
- 商品
    - 详情
    - 列表
- 购物车
- 提交订单
- 会员
    - 会员中心
    - 账户管理
    - 订单
        - 列表
        - 详情
        - 追踪
    - 售后
        - 申请
        - 列表
        - 详情
        - 进度详情
    - 我的优惠券
    - 我的收藏
    - 收货地址
        - 列表
        - 编辑
- 手机登录
- 手机注册