vue2-elm开源高仿饿了么APP具有45 个页面

简介

vue2-iview2-admin

是基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用。

github 地址:

https://github.com/bailicangdu/vue2-elm

github star: 31.6K+

最新版本:2.0.1,GPL2.0 协议

主要技术栈:

vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg

项目截图


vue2-elm开源高仿饿了么APP具有45 个页面


vue2-elm开源高仿饿了么APP具有45 个页面


vue2-elm开源高仿饿了么APP具有45 个页面


vue2-elm开源高仿饿了么APP具有45 个页面


vue2-elm开源高仿饿了么APP具有45 个页面


vue2-elm开源高仿饿了么APP具有45 个页面


vue2-elm开源高仿饿了么APP具有45 个页面


vue2-elm开源高仿饿了么APP具有45 个页面

功能

  • 定位功能 -- 完成
  • 选择城市 -- 完成
  • 搜索地址 -- 完成
  • 展示所选地址附近商家列表 -- 完成
  • 搜索美食,餐馆 -- 完成
  • 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选 -- 完成
  • 餐馆食品列表页 -- 完成
  • 购物车功能 -- 完成
  • 店铺评价页面 -- 完成
  • 单个食品详情页面 -- 完成
  • 商家详情页 -- 完成
  • 登录、注册 -- 完成
  • 修改密码 -- 完成
  • 个人中心 -- 完成
  • 发送短信、语音验证 -- 完成
  • 下单功能 -- 完成 ✨✨
  • 订单列表 -- 完成
  • 订单详情 -- 完成
  • 下载App -- 完成
  • 添加、删除、修改收货地址 -- 完成
  • 帐户信息 -- 完成
  • 服务中心 -- 完成
  • 红包 -- 完成
  • 上传头像 -- 完成
  • 快速上手

    <code>git clone https://github.com/bailicangdu/vue2-elm.git  

    cd vue2-elm

    npm install 或 yarn(推荐)

    npm run dev/<code>

    PS

    这个开源项目比较坑的就是开源协议,但是对于模仿学习的初学者和想入门学习vue的同学们是比较好的参考项目,值得仔细研究下这45个页面,及其个页面前端部分的组件的代码。


    分享到:


    相關文章: