vue 1.x 仿外卖APP

展示的是一个外卖app的单个商家商品展示，实际开发以此demo为商家模板，根据城市、地址等作为路由入口，获取城市商家数据输出到模板。

Technology stack

🔧 vue 1.x

🔧 vue-router

🔧 webpack

🔧 ES6

🔧 vue-resource

🔧 stylus

🔧 better-scroll

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# server at 8088

cd vue-food/

node start.js

function

• better-scroll 滑动动画
• 购物车商品加减组件化可重复使用
• 添加商品到购物车，组件间使用事件通信完成数据同步、状态同步
• 获取node jso模拟的数据库数据，根据条件列表渲染出数据如，商品、商品评论按类型显示
• 获取商家店铺数据渲染

demo online

👉在线演示

Screenshot

home page & head

food & shopcart

rangtings & seller