仿ele商家页面,基于Vue.js
项目地址 (使用手机浏览器打开,或者使用chrome开发者模式)
或者
# install dependencies
# 安装依赖
npm install
# serve with hot reload at localhost:8080
# 建立一个拥有热重载功能的本地服务
npm run dev
# build for production with minification
# 打包项目并压缩
npm run build
# serve at localhost:3000
# 建立静态服务,必须提前进行过打包操作
npm run prod
For detailed explanation on how things work, checkout the guide and docs for vue-loader.
-
-
vue-cli (官方vue脚手架)
-
vue-router (官方路由)
-
vue-resource(https://github.com/pagekit/vue-resource) (ajax插件,用以进行http请求)
-
其他:eventBus(处理非父子组件通信), transition(处理过渡效果) 等
-
-
better-scroll (滚动支持)
-
sass (css预处理器,本项目使用.scss)
-
webpack (你懂的,打包工具)
要做就要做到最好。 限于能力,以下交互效果未能和最新版(Android V7.2)Eleme APP一致。
-
商品列表中,当商品数量变为0时,动画与原版不符 -
商品详情页中,当商品数量变为0时,动画与原版不符 -
UI相关(无对应PSD文件)