uniapp 中遇到的一些问题

最近在做uniapp的项目，首次接触还是遇到了一些问题,记录下来给遇到相同问题的小伙伴一些思路

1.在uniapp中使用了下拉刷新的和页面有滚动出现冲突

uniapp中使用了onPullDownRefresh 方法下拉刷新页面,而页面又有overflow:auto的滚动, 这个时候滚动上去就滚动不下来,一直都是触发下拉刷新的方法,不能再滚动回去,只需要在页面东东区域添加@touchmove.stop和@touch.stop即可

<view  class="fd-content" @touchmove.stop @touch.stop>
...
</view> 

2.ios底部有一个黑色条, 使用了tabBar导致内容区域被遮住一部分

在app.vue页面加上以下样式

page{
    padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
    padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
  }