cccyb / vue-eleme-app

🍔Vue2编写的高仿饿了么WebAPP

Vue高仿饿了么APP

使用[email protected]开发的高仿饿了么APP（用户端） Vue.js高仿饿了么外卖App 2016最火前端框架

主要依赖

• 基于[email protected]
• 使用[email protected]搭建项目框架
• 使用[email protected]进行页面路由切换
• 使用[email protected]进行http请求获取数据
• mock假数据存储在本地
• 使用stylus编写样式
• 使用eslint进行js代码的规范、
• 使用better-scroll进行联动滑动

在线预览

点我在线预览

（PC端建议开启chrome调试模式食用更佳，移动端直接在浏览器开启即可）

Build Setup

# clone the repo into your disk.
$ git clone https://github.com/cccyb/vue-eleme-app.git

# install dependencies
$ npm install

# serve with hot reload at localhost:8088
$ npm run dev

# build for production with minification
$ npm run build

说明

暂时使用[email protected]实现，后续会将[email protected]迁移至[email protected]，敬请期待！，已升级至2.0

• Mac下安装基于[email protected]的vue-cli脚手架时报错not matches webpack#1.0

  答：因为"#"在zsh中是特殊字符，所以需要在webpack#1.0外加双引号，即使用vue init "webpack#1.0" <project-name>。

• 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

• better-scroll实现联动

  答：https://github.com/ustbhuangyi/better-scroll

vue-eleme-app's Issues

vue2.0不允许子组件修改父组件传进来的值

请问在ratingselect.vue中的这种写法是否会报错？

select(type, event) {
        if (!event._constructed) {
          return;
        }
        this.$emit('select', type);
      },
      toggleContent(event) {
        if (!event._constructed) {
          return;
        }
        this.$emit('toggle');
      }

food.vue中修改:

 this.selectType = type;
this.onlyContent = !this.onlyContent;

Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.

请问为什么你打包过后的dist目录下的index.html可以点击直接在浏览器打开，并不需要像提示上所说的那样访问？

加入产品到购物车动画有问题

加入第一个商品到购物车时，小球的起始位在最左边