
恭喜你!又获得一套「饿了么」APP原型!^_^o~
这期的分享主题是「外卖」,于是,作为一个一年365天能在「饿了么」上下单1000多单的死忠粉,我速度带来一套「饿了么」APP原型分享给大家!
(插播一句:「饿了么」真的很好用啊,体验棒,送餐快,重点是有会员卡!!!对于我这么高频点外卖的选手,没有会员卡的话,一个月外送费也是很大一笔支出哇![捂脸])
虽说是外卖类APP原型,可不是只有做相关类产品才能用到哟,里面有各种列表,有支付流程、下单流程、选择城市流程、添加地址流程,相信对做其它类产品的童鞋也是一个很好的参考。
老规矩,先看演示,下载地址见文末~
原型展示

部分原型动态预览

组件库展示

利用组件库快速搭建页面
相信老朋友们都知道这个套路了,不过为了让新朋友们能快速上手,我还是在这儿重复一遍操作步骤。
1. 在广场找到「饿了么」APP原型组件库, 点击引用组件库:

或者

2.如上图所示,点击引用后,组件库即成为自己的引用资源(库内的资源也会实时更新),大家可在项目中使用,搭建自己的页面,比如快速搭建一个「浏览足迹」页面:

资源地址
原型预览:http://www.xiaopiu.com/h5/byId?type=project&id=58d07513475434dc01b7ebee
原型下载:http://www.xiaopiu.com/square?searchText=%E9%A5%BF%E4%BA%86%E4%B9%88
页面库引用:http://www.xiaopiu.com/square/page?libPop=page&libId=58d0e09b475434dc01b7ed66
组件库引用:http://www.xiaopiu.com/square/contr?libPop=contr&libId=58d0e1ac475434dc01b7ed9a
其它「资源分享系列」链接
欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!
如果你觉得还不错,就点个赞吧!哈哈,给我一点更下去的动力!~动力!~动力!~
网友评论