/shop-

本地shop第二版

Primary LanguageJavaScript

YunMi-Shop

这是一个商城的项目，会通过半个月左右的时间逐步完善整个项目。

项目预览

用Chrome浏览器 手机模式打开，或者拖拽让浏览器变窄效果更好。自己对比体验一下吧^-^

项目组成

  • vue.js 2.0
  • vue-cli
  • less
  • webpack
  • ES6
  • eslint
  • vue-router
  • npm
  • babel
  • vant

实现功能

  1. 首页的轮播图效
  2. header随scroll透明度变化
  3. 首页banner图点击链接
  4. 首页登录功能的实现
  5. 首页底部编码实现
  6. 商品详情页头部搜索功能
  7. 详情页大图轮播的功能
  8. 加入购物车动画
  9. 购物车页面及功能
  10. 页面切换动画
  11. 图片列表的懒加载

项目安装及运行

# 安装项目依赖
npm install

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

# 编译打包
npm run build