Skip to content

l20/takeaway-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

 home.gif  head.gif

food & shopcart

 food.gif  shopcart.gif

rangtings & seller

 ratings.gif  seller.gif

About

基于vue的仿外卖web app

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published