All Projects → Mynameisfwk → Vivo Shop

Mynameisfwk / Vivo Shop

基于vue2.0+实现的vivo移动端商城(vue+vuex-ruoter+axios)

Projects that are alternatives of or similar to Vivo Shop

Dashboard
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
Stars: ✭ 497 (-41.25%)
Mutual labels:  webpack, vue-cli, vuex
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (-20.45%)
Mutual labels:  webpack, vue-cli, vuex
Vue Admin
基于and-design-vue的vue后台管理系统模板
Stars: ✭ 226 (-73.29%)
Mutual labels:  webpack, vue-cli, vuex
Vue2 News
基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条(移动端)
Stars: ✭ 462 (-45.39%)
Mutual labels:  webpack, vue-cli, vuex
Vue2 Echo
基于vue2 + vue-router + vuex 构建的一个音乐类单页面应用 —— echo回声
Stars: ✭ 408 (-51.77%)
Mutual labels:  webpack, vue-cli, vuex
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (-75.41%)
Mutual labels:  webpack, vue-cli, vuex
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (-69.74%)
Mutual labels:  webpack, vue-cli, vuex
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (-82.86%)
Mutual labels:  webpack, vue-cli, vuex
Blog.vue
☘ 一个vue的个人博客项目,配合.net core api教程,打造前后端分离
Stars: ✭ 362 (-57.21%)
Mutual labels:  webpack, vue-cli, vuex
Space Snake
A Desktop game built with Electron and Vue.js.
Stars: ✭ 289 (-65.84%)
Mutual labels:  webpack, vue-cli, vuex
Vue Cnode
🚀 基于vue3 function-based 构建cnode社区
Stars: ✭ 192 (-77.3%)
Mutual labels:  webpack, vue-cli, vuex
Manhuaren
vue2.0全家桶,仿漫画人官网(移动端)
Stars: ✭ 18 (-97.87%)
Mutual labels:  webpack, vue-cli, vuex
Vue2 Demo
Vue 基于 Genesis + TS + Vuex 实现的 SSR demo
Stars: ✭ 2,072 (+144.92%)
Mutual labels:  webpack, vue-cli, vuex
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+195.15%)
Mutual labels:  webpack, vue-cli, vuex
Awesome Vue Cli3 Example
🦅 Awesome example for rapid Vue.js development using vue-cli3 .
Stars: ✭ 160 (-81.09%)
Mutual labels:  webpack, vue-cli, vuex
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+8534.04%)
Mutual labels:  webpack, vue-cli, vuex
Vue2 Manage
基于 vue + element-ui 的后台管理系统
Stars: ✭ 11,345 (+1241.02%)
Mutual labels:  webpack, vue-cli, vuex
Eleme
restructure..
Stars: ✭ 1,635 (+93.26%)
Mutual labels:  webpack, vue-cli, vuex
Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (-67.02%)
Mutual labels:  webpack, vue-cli, vuex
Vue Cms
基于 Vue 和 ElementUI 构建的一个企业级后台管理系统
Stars: ✭ 415 (-50.95%)
Mutual labels:  webpack, vue-cli, vuex

vue全家桶 vue2.0(+) +vuex+axios+miut-ui

在线预览

项目演示地址:vivo移动端商城
建议Chrome调试手机模式下预览

废话

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

写在前面

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

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

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

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

技术栈

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 感谢 🙏

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].