主要依赖

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

商品页面

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

商品详情页面

评论页面

商家页面

遮罩层页面

购物车浮层

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

Stylus中文文档 /jq/stylus/ es6入门学习 / eslint规则 /docs/rules/ 设备像素比 /wordpress//08/window-devicepixelratio/ Flex弹性布局 /blog//07/flex-grammar.html?utm_source=tuicool 移动端1px边框的实现 先给需要添加1像素边框的元素设置一个1像素的伪类，然后根据手机屏幕的dpi大小对伪类进行相应的缩减，从而达到手机端1像素边框的实现。 CSS Sticky footerCSS秘密花园:Sticky footers /css3/css-secrets/sticky-footers.html better-scroll实现联动 /ustbhuangyi/better-scroll

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

框架中的左侧菜单关联右侧页面是如何实现的_前端基础学习：Vue2.0实现移动端外卖平台项目 参考旧版饿了么！...