Giter Club home page Giter Club logo

vivo-shop's Introduction

前言

初学vue2.0也有一两个月的心想想做个小项目来测试下我的水平,这不撸起袖子就是干,看了vivo移动商城挺简洁的就用vue2.0仿了个vivo商城,因为是在校生没那么多时间一直写,所以利用课余时间做出来零零散散的也花了一两周时间,过程中遇到几个比较棘手的问题但最终还是解决了。

大概是第一次用vue做手机端有些地方做的还不是那么完美还存在一些小BUG,不过后期我会努力完善的,写完这个项目我学到了很多收获了很多知识尤其对vue组件指令、渲染数据、计算属性、绑定事件以及vuex状态管理、vue-router路由的使用有了一定了解。

另外,这也是我第一次上传项目到github上,但愿我这个项目对你们有帮助哪怕是一点也行。

技术栈

vue2 + vuex + vue-cli + vue-router + vue-resource + webpack

基本功能

  • 首页轮播图效果
  • 首页轮播图实现链接跳转
  • 商品详情列表
  • 商品详情轮播效果
  • 商品立即购买/加入购物车
  • 购物车加减数量删除商品
  • 购物车结算清空
  • 商品删除结算
  • 模拟支付成功后加入订单
  • 商品订单删除
  • 模拟订单付款成功生成订单
  • Localstorage本地存储数据

项目预览

vivo商城 在线预览
PS:浏览器请切换手机模式打开效果会更好 ~~~

手机端扫描二维码

效果截图演示

项目安装及运行

# 安装项目依赖
npm install

# 启动服务 浏览器本地访问http://localhost:8080
npm run dev

# 编译打包
npm run build

vivo-shop's People

Contributors

mynameisfwk avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.