模仿美团跑腿做的跑腿小程序

模仿美团跑腿做的跑腿微信小程序

       前段时间参考美团跑腿做了一个跑腿的微信小程序,主要是微信小程序原生开发和WEUI框架、接入了腾讯地图,一共两个小程序,分为了用户端和跑腿端。需要注意的是,该项目只是测试项目,还未上线,所以在进入项目时便要求用户授权,这个是不合微信小程序要求的,会被打回来,需要的话自己修改。大概思路是将home界面设为主界面和初始界面,只有在进入我的信息、订单、地址或者下订单等需要个人信息时再判断cookie以及后台的链接情况,判断是否调用index界面来进行授权,授权后返回上一界面。

       界面大概如下(截图时没连接后台,所以数据为空):

       1、主界面:

模仿美团跑腿做的跑腿小程序
       2、添加地址界面:

模仿美团跑腿做的跑腿小程序
       3、选择地址界面:

模仿美团跑腿做的跑腿小程序
       4、确认订单界面:

模仿美团跑腿做的跑腿小程序

模仿美团跑腿做的跑腿小程序
       5、定价规则界面:

模仿美团跑腿做的跑腿小程序

       5、个人信息界面:

模仿美团跑腿做的跑腿小程序

       5、订单详情界面(未接后台数据,纯静态界面,空值为后台返回数据动态补全):

模仿美团跑腿做的跑腿小程序
       最后,附上源码:用户端跑腿端