主要依赖

1. 基于vue@2.0
2. 使用vue-cli@2.0搭建项目框架
3. 使用vue-router@2.1进行页面路由切换
4. 使用vue-resource@1.0.1进行http请求获取数据
5. mock假数据存储在本地
6. 使用stylus编写样式
7. 使用eslint进行js代码的规范、
8. 使用better-scroll进行联动滑动

商品页面

左侧分类菜单和右侧商品联动是重点，使用better-scroll进行联动滑动。

商品详情页面

评论页面

商家页面

遮罩层页面

购物车浮层

项目用到的技术参考网站：

 Stylus中文文档 http://www.zhangxinxu.com/jq/stylus/


 es6入门学习 http://es6.ruanyifeng.com/


 eslint规则 http://eslint.org/docs/rules/


 设备像素比 http://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/
	

 Flex弹性布局 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool


 移动端1px边框的实现 
 先给需要添加1像素边框的元素设置一个1像素的伪类，然后根据手机屏幕的dpi大小对伪类进行相应的缩减，从而达到手机端1像素边框的实现。


 CSS Sticky footer
CSS秘密花园:Sticky footers http://www.w3cplus.com/css3/css-secrets/sticky-footers.html


 better-scroll实现联动 https://github.com/ustbhuangyi/better-scroll

项目在线体验：https://chenyubo.me/vue-eleme-app/dist/index.html#/