jangocheng/vue-online-shop

vue制作小型电商商城

电商网站

基于vue开发电商前台页面

使用技术

A Vue.js project vue2 + vuex + vue-router + webpack + ES6 + sass + mock + mint-ui

项目已部署，在线Demo

• 在线地址： 本项目在线地址,点击这里~~（请用chrome手机模式预览）
• 也可以扫二维码手机查看：
• 
• 第一次打开可能较慢，请耐心等待

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

说明

• 本站的产品图使用mock.js技术来模拟数据请求效果。
• 本站的轮播图、lazy-load使用的是mint-ui插件；scroll滚动使用的是better-scroll插件。
• 数据状态的处理使用了vuex，比如支付页与我的订单页面之间的数据通信， 页面刷新会清空。
• 登录账号信息使用本地存储。
• 本站参照https://github.com/nemo-tree/vue2-shop该项目的页面效果来制作的

注：

• 对vux还不熟悉的童鞋，可参见本人写的vuex入门demo,附链接：vuex-shopcart,vuex-demos
• 对于mock.js不熟悉的童鞋，看下官网或者后面我会再写一个小demo，等我哦☺~
• 如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ☺ ☺ ☺

附gif效果图