react版高仿饿了么webapp

前言

一个月前滴滴外卖进军无锡,打起来外卖大战?,就想起一年多前滴滴黄轶老师在慕课网推出的vue高仿饿了么教程,视频中满满的干货,让我一个刚刚接触前端的学到了好多。趁着最近空闲,就尝试使用react写了一个高仿饿了么webapp, 交上一份迟到的作业。。。(代码写的比较粗糙, 一堆重复代码?,控制不住ctr c / ctr v的麒麟臂-。-, 立个flag有空好好整理一遍代码把功能再更完善些),还有就是这个项目不支持下单,不支持下单,不支持下单。。。

说明

此项目部分数据接口需要手机登陆后才能访问(发誓中间绝对没有偷偷存取手机号!!!),我是在mac上开发的,并且只在chrome和safari以及自己的iphone上简单浏览测试了下,如果有什么问题欢迎提出?

技术栈

react, react-router4, redux, redux-thunk, webpack4
此项目大部分滚动都使用了betterScroll(轮播组件以及scroll组件参(抄)考(写)betterscroll仓库中example中的源码)

项目地址

行行好请给一个star吧?

效果演示

查看demo请戳这里(请用chrome手机模式预览))
1636cd5b4063206b?w=280&h=280&f=png&s=1412

项目截图

1636cd5df868f080?w=341&h=590&f=gif&s=1999024
1636cd5dfdeb2fb8?w=658&h=1154&f=png&s=73033
1636cd5dfdf6a9ec?w=680&h=1166&f=png&s=496843
1636cd5dfdfa1ef6?w=656&h=1156&f=png&s=847188
1636cd5dfe104fbb?w=680&h=1166&f=png&s=223684
1636cd5dfe8808df?w=670&h=1158&f=png&s=170581
1636cd5e2a7d70c0?w=656&h=1166&f=png&s=255269
1636cd5e30047a76?w=672&h=1154&f=png&s=146099
1636cd5e43a51724?w=664&h=1166&f=png&s=134225
1636cd5e46389456?w=664&h=1158&f=png&s=284434
1636cd5e5c8c03c9?w=676&h=1162&f=png&s=370236
1636cd5e641d44d9?w=660&h=1156&f=png&s=408202
1636cd5e6ebf6a2a?w=666&h=1152&f=png&s=231476
1636cd5e6e8f3c1b?w=670&h=1154&f=png&s=295344
1636cd5e7d8c074c?w=672&h=1170&f=png&s=149299
1636cd5e94e81ca0?w=670&h=1172&f=png&s=207240

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值