vue2.5全家桶 高仿vivo商城 百分之95

vue全家桶 vue2.0+vuex+axios+better-scroll还有就是miut-ui组件库

开头

在线预览

旧的版本:vivo移动端商城

新的版本:vivo移动端商城

项目演示地址:vivo移动端商城

建议Chrome调试手机模式下预览

因为刚买的域名主机所以要解析,实名认证才可以浏览,所以你们还是下把项目给下载下来本地运行看把!😊

废话

项目源码地址:vivo-shop,觉得还可以的话给个star 在这先谢谢了~

刚出来实习两个月 所以没有那么的时间来写,只有周六周日有时间!所以帮忙赞下这篇文章感谢了!🙏

写在前面

这个小项目还有很多地方做的还不是那么完美还存在一些小BUG,不过后期我会努力完善的,但求各位大佬提出你们的->
建议,如果你觉的对你有帮助帮忙点个star谢谢!

因为比较赶所以有些功能还没实现,一些代码也没有优化好尤其是一些样式你们将就看吧,不过基本功能都写完了,没有实现都功能上拉下拉刷新、加载更多等等,后面会陆陆续续的做完的!所以关注我吧!收藏此文章吧或者关注我>>>github

前端交流群740625675 志同道合的可以加下一起学习!

Ps:因为我喜欢简约大气一点的所以主题颜色就是白+天蓝色

效果预览

首页、分类、动态、我的

《vue2.5全家桶 高仿vivo商城 百分之95》

商品详情、提交订单、订单详情

《vue2.5全家桶 高仿vivo商城 百分之95》

文章列表、文章详情、文章收藏

《vue2.5全家桶 高仿vivo商城 百分之95》

我的订单、商品收藏、我的购物车

《vue2.5全家桶 高仿vivo商城 百分之95》

收货地址、地址添加、地址管理

《vue2.5全家桶 高仿vivo商城 百分之95》

开发目的

想着写一个案例放在开源网站上,时不时更新、完善、修改来提高自己技术能力,当然我也需要你们的建议有你们的建议我的作品也会更加完美

技术栈

vue-cli 是vue的脚手架工具,目录结构、本地调试、代码部署、热加载、单元测试。

vue-router 是官方提供的路由器,使用vue.js构建单页面应用程序变得轻而易举。

vuex 是一个专为 vue.js 应用程序开发的状态管理模式,简单来说Vuex就是管理数据的。

Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 vue.js 的移动端组件库。

better-scroll:解决移动端各种滚动场景需求的插件,使移动端滑动体验更加流畅

axios:用来请求后端api数据

实现功能

商品详情、文章详情、订单详情、订单提交、分类管理、商品搜索、商品/文章收藏、购物车功能(增、删、单全选)、积分动态获取、订单管理、收货地址管理、localstorage储存等功能

项目运行

# 安装项目依赖
npm install 

# 启动服务 访问http://localhost:8080
npm run dev

# 编译打包
npm run build

骚话

记得当时在学校自学前端的时候一个布局浮动弄了我快三四天的时间,当时一度怀疑我是不是适合学编程,之后冷静下来想想别人能做到为什么我就不能?那时候也是总是沉不住气,一遇到问题就想要放弃,学编程不是一蹴而就,而是慢慢的积累知识点哪怕是每天写两三个功能或是说解决一个问题,长期积累下去也会学到很多,只有不急不躁具有空杯心态才能硕果累累!

对。以上就是我的骚话!!!说下我个人的观点!!!写的不好,大佬轻喷!!

写在最后

数据都来自于vivo官网如有侵权请请联系删除这个小项目做的有点粗糙可以说是非常粗糙、各位将就看看吧、大佬轻喷、还有就是我要厚着脸皮要个star 感谢 🙏

《vue2.5全家桶 高仿vivo商城 百分之95》

    原文作者:justDoin
    原文地址: https://segmentfault.com/a/1190000015045948
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞