Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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)

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
```