基于Vue+Vuex+iView的电子商城网站

MALL-VUE

这是一个基于VUE + VUEX + iView做的一个电商网站前端项目, 附带前后端分离实现版本(在 forMallServer分支),欢迎fork或star
项目地址: https://github.com/PowerDos/Mall-Vue
项目预览地址(demo): https://powerdos.github.io/Mall-Vue/index.html

说明

master分支是单纯的前端项目, forMallServer分支为与后端接口结合的前端项目,附后端API项目地址: https://github.com/PowerDos/Mall-Server, 本项目仅供学习参考
master 分支为纯前端项目,所以登陆密码是写死的,体验账号:Gavin,密码: 123456

Build Setup

# 安装依赖
npm install

# 开发模式
npm run dev

# 打包
npm run build

TO-DO-LIST

  • 首页 HOME PAGE
  • 登陆 LOGIN PAGE
  • 注册 SIGNUP PAGE
  • 商品搜索页面 PRODUCT LIST PAGE
  • 商品详情页面 PRODUCT DETAIL PAGE
  • 购物车页面 SHOPPING CART PAGE
  • 确认订单页面 ORDER PAGE
  • 支付页面 PAY PAGE
  • 购买成功页面 SUCCESS PAGE
  • 反馈页面 FREEBACK PACE
  • 商家店铺页面 MERCHANT PAGE
  • 用户页面 USER PAGE

PAGE

首页 HOME PAGE

基于Vue+Vuex+iView的电子商城网站_第1张图片
基于Vue+Vuex+iView的电子商城网站_第2张图片
基于Vue+Vuex+iView的电子商城网站_第3张图片

商品搜索页面 PRODUCT LIST PAGE

基于Vue+Vuex+iView的电子商城网站_第4张图片
基于Vue+Vuex+iView的电子商城网站_第5张图片

商品详情页面 PRODUCT DETAIL PAGE

基于Vue+Vuex+iView的电子商城网站_第6张图片
基于Vue+Vuex+iView的电子商城网站_第7张图片
基于Vue+Vuex+iView的电子商城网站_第8张图片
基于Vue+Vuex+iView的电子商城网站_第9张图片

购物车页面 SHOPPING CART PAGE

基于Vue+Vuex+iView的电子商城网站_第10张图片

确认订单页面 ORDER PAGE

基于Vue+Vuex+iView的电子商城网站_第11张图片

支付页面 PAY PAGE

基于Vue+Vuex+iView的电子商城网站_第12张图片

购买成功页面 SUCCESS PAGE

基于Vue+Vuex+iView的电子商城网站_第13张图片

反馈页面 FREEBACK PACE

基于Vue+Vuex+iView的电子商城网站_第14张图片

商家店铺页面 MERCHANT PAGE

基于Vue+Vuex+iView的电子商城网站_第15张图片

用户页面 USER PAGE

基于Vue+Vuex+iView的电子商城网站_第16张图片

登陆 LOGIN PAGE

基于Vue+Vuex+iView的电子商城网站_第17张图片

注册 SIGNUP PAGE

基于Vue+Vuex+iView的电子商城网站_第18张图片

你可能感兴趣的:(css,iview,vue.js,javascript,html5)