91 lines
1.8 KiB
Markdown
91 lines
1.8 KiB
Markdown
|
## 基于Vue实现开箱即用移动端商城的单页应用
|
|||
|
|
|
|||
|
|
>这是开箱即用移动端商城的框架。只需要后端返回标准接口数据，前端配置接口地址等信息，标准商城的页面不需要做任何调整。
|
|||
|
|
|
|||
|
|
|
|||
|
|
## 特性
|
|||
|
|
- 开箱即用，集成后台接口格式，前端可做二次开发以实现自有业务
|
|||
|
|
- 首页是由图片广告、图文导航、商品、公告、搜索、文本、标题、辅助空白、辅助线、方格等组件根据后端接口数据动态渲染，可根据后端返回的数据渲染出N种首页效果
|
|||
|
|
- 定制主题
|
|||
|
|
|
|||
|
|
## 手机预览
|
|||
|
|
|
|||
|
|
可以手机扫码以下二维码访问手机端 demo：
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
## 技术栈
|
|||
|
|
|
|||
|
|
- vue
|
|||
|
|
- [vue cli 3](https://cli.vuejs.org/zh/guide/installation.html)
|
|||
|
|
- [vant](https://github.com/youzan/vant)
|
|||
|
|
- less
|
|||
|
|
- [vue-router](https://router.vuejs.org/zh/installation.html)
|
|||
|
|
- [axios](https://github.com/axios/axios)
|
|||
|
|
- [babel-plugin-import](https://github.com/ant-design/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=本地)
|
|||
|
|
```
|
|||
|
|
## 进度
|
|||
|
|
- [x] 界面样式
|
|||
|
|
- [ ] 数据通过接口绑定
|
|||
|
|
- [ ] 定制主题
|
|||
|
|
- [ ] 代码重构优化
|
|||
|
|
|
|||
|
|
## 页面
|
|||
|
|
```
|
|||
|
|
- 首页
|
|||
|
|
- 分类
|
|||
|
|
- 商品
|
|||
|
|
- 详情
|
|||
|
|
- 列表
|
|||
|
|
- 购物车
|
|||
|
|
- 提交订单
|
|||
|
|
- 会员
|
|||
|
|
- 会员中心
|
|||
|
|
- 账户管理
|
|||
|
|
- 订单
|
|||
|
|
- 列表
|
|||
|
|
- 详情
|
|||
|
|
- 追踪
|
|||
|
|
- 售后
|
|||
|
|
- 申请
|
|||
|
|
- 列表
|
|||
|
|
- 详情
|
|||
|
|
- 进度详情
|
|||
|
|
- 我的优惠券
|
|||
|
|
- 我的收藏
|
|||
|
|
- 收货地址
|
|||
|
|
- 列表
|
|||
|
|
- 编辑
|
|||
|
|
- 手机登录
|
|||
|
|
- 手机注册
|
|||
|
|
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|