miniMall
这是一个使用 Vue2.0, 仿 爱范儿-玩物店 的webapp,仅为个人学习练手,所有数据都来自 爱范儿-玩物店
技术栈
- Vue2
- vue-router
- Vuex
- axios
- Vux
- LESS
Todo
- 首页
- 商品列表页
- 商品详细页
- 搜索
- 购物车...
- 体验优化
- 使用 LeanCloud 实现登录注册(是否可行)?
购物车需求
- 加入/移除购物车
- 显示商品的文字描述、图片描述、规格类型信息
- 改变商品规格类型的时候图片切换
- 改变商品规格类型的时候价格变化
- 点击马上购买跳转到购物车列表页
- 购物车中商品数量统计以及总价的统计
加入购物车需解决Bug
- 选择商品规格:selected class
- 未选择规格点击提交时的提示
- 同一件商品第二次加入购物车后,该商品的数量没有变化
- 同一件商品不同规格加入购物车后,没有显示(应该是判断的不正确)
- 没有勾选的商品,价格不计入总价
vuex参考实例
资料
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
For detailed explanation on how things work, checkout the guide and docs for vue-loader.