【仿美团点餐App】—— 首页(一)

一、首页布局

【仿美团点餐App】—— 首页(一)

  • navigationStyle属性值为custom,设置成自定义导航;
  • enablePullDownRefresh属性值为true,表示下拉刷新;
  • onReachBottomDistance属性值未50,表示上拉触底事件触发时距底部的距离,单位为px;  

二、异步数据流对接配合地图定位显示附近的商铺

【仿美团点餐App】—— 首页(一)

4.配置公共的参数,其中存放接口地址。在static->js->conf->config.js文件

5.请求服务端数据:根目录创建api文件夹,在该文件夹下创建business/index.js文件。

6.与Vuex对接:store->business->index.js

7.首页是自定义导航,需要先解决iPhoneX“刘海”的兼容性问题

由于这个项目会有多个页面需要自定义导航,因此我们需要一个全局变量去识别是否在iPhoneX中,全局首选Vuex。

store->system->index.js中:

注册到Vuex中,store->index.js文件中新增代码如下:

来源:柳柳Elena

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年6月25日
下一篇 2022年6月25日

相关推荐