Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Mynameisfwk/vivo-shop
基于vue实现的移动端商城(vue+vuex-ruoter+axios)
https://github.com/Mynameisfwk/vivo-shop
axios star vue vue-cli vue-vuex vuex
Last synced: about 1 month ago
JSON representation
基于vue实现的移动端商城(vue+vuex-ruoter+axios)
- Host: GitHub
- URL: https://github.com/Mynameisfwk/vivo-shop
- Owner: Mynameisfwk
- Created: 2017-12-02T03:44:45.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2024-01-11T08:24:56.000Z (12 months ago)
- Last Synced: 2024-01-11T12:34:07.092Z (12 months ago)
- Topics: axios, star, vue, vue-cli, vue-vuex, vuex
- Language: JavaScript
- Homepage:
- Size: 8.14 MB
- Stars: 961
- Watchers: 84
- Forks: 229
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue全家桶 vue+vuex+axios+miut-ui + vant
### 在线预览
项目演示地址:[线上预览 vivo商城](http://vivo.njzykeji.com/#/)
建议Chrome调试手机模式下预览
v:zhiyi_1203## BUG反馈
> 反馈建议 https://github.com/Mynameisfwk/vivo-shop/issues## 写在前面
> v:fwk1203 志同道合的可以加下一起学习!
> Ps:因为我喜欢简约大气一点的所以主题颜色就是白+天蓝色
# 技术栈
> [vue-router](https://router.vuejs.org/zh-cn/) 是官方提供的路由器,使用vue.js构建单页面应用程序变得轻而易举。> [vuex](https://vuex.vuejs.org/zh-cn/) 是一个专为 vue.js 应用程序开发的状态管理模式,简单来说Vuex就是管理数据的。
> [Mint UI](http://mint-ui.github.io/#!/zh-cn) 由饿了么前端团队推出的 Mint UI 是一个基于 vue.js 的移动端组件库。
> [axios](https://www.npmjs.com/package/axios) 请求api
## 效果预览
#### 首页、分类、动态、我的
![](https://user-gold-cdn.xitu.io/2018/5/17/1636ba09e546a28f?w=1555&h=608&f=png&s=419439)#### 商品详情、提交订单、订单详情
![](https://user-gold-cdn.xitu.io/2018/5/17/1636bb0a57c224a2?w=1555&h=608&f=png&s=305775)#### 文章列表、文章详情、文章收藏
![](https://user-gold-cdn.xitu.io/2018/5/26/1639adefcd1b5296?w=1555&h=608&f=png&s=637802)#### 我的订单、商品收藏、我的购物车
![](https://user-gold-cdn.xitu.io/2018/5/18/16371f71217202ea?w=1555&h=608&f=png&s=246290)#### 收货地址、地址添加、地址管理
![](https://user-gold-cdn.xitu.io/2018/5/26/1639add2f11ba68d?w=1555&h=608&f=png&s=127953)## 开发目的
想着写一个案例放在开源网站上,时不时更新、完善、修改来提高自己技术能力,当然我也需要你们的建议有你们的建议我的作品也会更加完美## 实现功能
商品详情、文章详情、订单详情、订单提交、分类管理、商品搜索、商品/文章收藏、购物车功能(增、删、单全选)、积分动态获取、订单管理、收货地址管理、localstorage储存等功能## 项目运行
```
# 安装项目依赖
npm install# 启动服务
npm run dev# 编译打包
npm run build
```