# vue全家桶 vue+vuex+axios+miut-ui + vant
### 在线预览
项目演示地址:[线上预览 vivo商城](http://vivo.njzykeji.com/#/)<br>
建议Chrome调试手机模式下预览<br>
v:zhiyi_1203
<!-- ### 废话
项目源码地址:[vivo-shop](https://github.com/Mynameisfwk/vivo-shop),觉得还可以的话给个star 在这先谢谢了~<br> -->
## 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 的移动端组件库。
<!-- > [better-scroll](http://ustbhuangyi.github.io/better-scroll/doc/options.html):解决移动端各种滚动场景需求的插件,使移动端滑动体验更加流畅 -->
> [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
```
<!-- ## 写在最后
数据都来自于vivo官网如有侵权请请联系删除这个小项目做的有点粗糙可以说是非常粗糙、各位将就看看吧、大佬轻喷、还有就是我要厚着脸皮要个star 感谢 🙏
<img src="https://user-gold-cdn.xitu.io/2018/5/17/1636bde1d014d991?w=198&h=198&f=jpeg&s=3630"></img> -->
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
vue全家桶 vue+vuex+axios+miut-ui + vant在线网页项目演示地址线上预览 vivo商城建议Chrome调试手机模式下预览vzhiyi_1203BUG反馈反馈建议https://github.com/Mynameisfwk/vivo-shop/issues写在前面vfwk1203志同道合的可以加下一起学习!Ps因为我喜欢简单一点大气的所以主题颜色就是白色+天蓝色技术栈vue-router是官方提供的路由器,使用 vue.js 构建单页面应用程序变得轻而易举。vuex是一个专为vue.js应用程序开发的状态管理模式,简单来说Vuex就是管理数据的。Mint UI由饿了么前端团队推出的 Mint UI 是一个基于 vue.js 的移动端组件库。axios请求api效果预览首页、分类、动态、我的商品详情、提交订单、订单详情文章列表、文章详情、文章收藏我的订单、商品收藏、我的购物车收货地址、地址添加、地址管理开发目的想着写一个案例放在网站上,时不时开源更新、完善、修改来提高自己的技术能力,
资源推荐
资源详情
资源评论
收起资源包目录
基于vue实现的移动端商城(vue+vuex-ruoter+axios).zip (95个子文件)
.editorconfig 147B
标签.txt 30B
src
pages
detail
index.vue 12KB
index
index.vue 6KB
shops
parts.vue 3KB
phone.vue 3KB
user
cart
index.vue 6KB
login.vue 3KB
register.vue 3KB
order
detail.vue 6KB
index.vue 5KB
main.vue 6KB
address
up.vue 0B
add.vue 3KB
index.vue 3KB
collections
index.vue 6KB
pay
address.vue 0B
pay.vue 12KB
success.vue 1KB
news
detail.vue 816B
index.vue 2KB
classify
classify.vue 3KB
compnent
classify-left.vue 681B
classify-right.vue 0B
App.vue 429B
assets
address.js 111KB
rem
rem.js 1KB
styles
style.css 951B
main.js 716B
api
data.js 118B
http.js 297B
vuex
modules
cart.js 4KB
order.js 1KB
mutations-type.js 518B
index.js 2KB
components
footer
index.less 568B
index.vue 2KB
header
index.vue 1KB
router
index.js 3KB
fon
iconfont.ttf 25KB
iconfont.css 26KB
iconfont.js 130KB
iconfont.svg 129KB
iconfont.eot 25KB
iconfont.woff 16KB
.babelrc 312B
package.json 2KB
build
check-versions.js 1KB
dev-server.js 2KB
utils.js 2KB
vue-loader.conf.js 413B
webpack.prod.conf.js 4KB
build.js 953B
dev-client.js 245B
webpack.base.conf.js 1KB
webpack.dev.conf.js 1KB
data.json 22KB
资源内容.txt 1KB
.postcssrc.js 197B
index.html 282B
.gitignore 153B
static
img
pingbao.jpg 7KB
xuangou.jpg 6KB
qiandao.png 445B
details.jpg 89KB
111.png 2KB
333.png 2KB
dingdan.png 13KB
yanbao.png 1KB
qqq.png 7KB
list_details_09.jpg 89KB
bj.jpg 42KB
dingzhi.jpg 6KB
official.png 13KB
tou.jpg 33KB
gouwuche.png 55KB
t.png 48KB
444.png 2KB
222.png 2KB
peijian.jpg 7KB
bj.png 9KB
tuijian.png 1KB
shop.png 1KB
download.jpg 44KB
.gitkeep 0B
data.json 95KB
lowSource
2.0.png 63KB
.1.0.gif.icloud 157B
vue.png 24KB
4.0.png 111KB
3.0.png 53KB
README.md 3KB
config
prod.env.js 48B
index.js 1KB
dev.env.js 140B
共 95 条
- 1
资源评论
徐浪老师
- 粉丝: 8285
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 施工人员防护具检测33-YOLO(v5至v9)、COCO、CreateML、Darknet、Paligemma、TFRecord、VOC数据集合集.rar
- java小游戏,滚木块.zip学习资源代码
- 基于 C++实现的文件系统课程设计
- 分享:qt的Yolo图像处理模块(pri)
- 施工人员检测54-YOLO(v5至v9)、COCO、CreateML、Darknet、Paligemma数据集合集.rar
- 基于Java + Mysql 实现的在线考试系统课程设计
- java小游戏,飞机大战0.1版本.zip
- 深度学习 python 特征标记
- GSD-file-for-DME5000-PROFIBUS-DC0000868.ZIP Firmware V1.5, V1.7, V2.0 SICK069D
- google-chrome-stable-124.0.6367.118-1.x86-64.rpm
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功