liuhengguang / taro-ele

taro3.0 仿饿了么, H5,微信小程序 跨端

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Taro3.0 仿饿了么 h5 微信小程序(Hooks TS)

持续更新中

项目运行

node (>=8.0.0)

前端 Taro

  git clone github.com/qingjuesama/taro-ele.git
  cd taro-ele
  npm install 或 cnpm 或 yarn

  H5端 端口3000
  npm run dev:h5 或 yanr dev:h5

  微信小程序端 
  npm run dev:weapp 或 yanr dev:weapp
  
  其他:
  账号:13333333333
  密码:123456
  地址:http://localhost:3000

后端 Egg

端口:4000

git clone github.com/qingjuesama/taro-ele-serve.git
cd taro-ele-serve
npm install 或 cnpm 或 yarn

npm run dev 或  yarn dev

说明

前端: React Hooks语法
使用京东Taro跨端框架 React语法,可以直接编译H5微信小程序,这个主要是学习的一个项目包含18个页面! 基本还原了饿了么H5端效果,定位使用的是IP定位,GPS需要Https,注册,登录,上传头像,修改密码,购物车等等

后端:
主要做代理,部分数据直接采用饿了么源数据,其他数据保存本地JSON文件,无需数据库!

源码在src下,其他请自行研究,如果对你有帮助,请点右上角的Star支持一下 感谢!

技术栈

Taro3.0 React16 redux lodash sass

效果展示

             

             

             

             

             

             

             

             

About

taro3.0 仿饿了么, H5,微信小程序 跨端


Languages

Language:TypeScript 72.6%Language:SCSS 23.6%Language:CSS 2.5%Language:JavaScript 1.0%Language:HTML 0.3%