仿美团APP(前端)
程序员文章站
2022-06-06 13:17:33
...
仿美团APP(前端)
由于第一次上手apicloud,以及时间不足,只做了几个界面,实现了APP的基本功能。测试手机:锤子
PS:红圈为可点击部分,美团网每点击按钮都会打开一个新的窗口,所以用了很多的openWin 没用openFrameGroup
首页:
焦点导航切换用了 swiper插件,浏览器,模拟器都运行流畅,但是一到真机就出问题了,不知道是什么原因。
导航栏用用了tapbar模块,模拟器运行流畅,但是安装此模块后,真机闪退。故先屏蔽。
列表页:
点击次级导航后进入拉下选择菜单,点击后切换标题
商品详细页:
康师傅私房牛肉面那里, 浏览器,模拟器,跟真机有很大差别,原因是用了flexbox布局,
我感觉模拟器对flex属性支持度不太高,简单的两列,三列可以用上,但是更复杂的还是用回传统布局吧。
订单页:
下载(安卓):http://downloadpkg.apicloud.com/app/download?path=/zip/17/af/17af65761be68782b6ff9ddc505ef014.apk
二维码:
原文: http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=7239
由于第一次上手apicloud,以及时间不足,只做了几个界面,实现了APP的基本功能。测试手机:锤子
PS:红圈为可点击部分,美团网每点击按钮都会打开一个新的窗口,所以用了很多的openWin 没用openFrameGroup
首页:
焦点导航切换用了 swiper插件,浏览器,模拟器都运行流畅,但是一到真机就出问题了,不知道是什么原因。
导航栏用用了tapbar模块,模拟器运行流畅,但是安装此模块后,真机闪退。故先屏蔽。
列表页:
点击次级导航后进入拉下选择菜单,点击后切换标题
商品详细页:
康师傅私房牛肉面那里, 浏览器,模拟器,跟真机有很大差别,原因是用了flexbox布局,
我感觉模拟器对flex属性支持度不太高,简单的两列,三列可以用上,但是更复杂的还是用回传统布局吧。
订单页:
下载(安卓):http://downloadpkg.apicloud.com/app/download?path=/zip/17/af/17af65761be68782b6ff9ddc505ef014.apk
二维码:
原文: http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=7239
meituanapp.zip ( 268.08 KB 下载:146 次 )
AD:真正免费,域名+虚机+企业邮箱=0元