大帅锅
大帅锅
  • 发布:2020-02-28 11:08
  • 更新:2020-06-23 13:33
  • 阅读:837

底部偶尔出现空白栏

分类:uni-app

我项目使用tabbar创建了五个主页面,但是因为App上面需要自定义tabbar。所以我自定义了tabbar,把uniapp原生的tabbar给隐藏了

这是我自定义tabbar最外层的css
.tabbar_content {
position: fixed;
min-height: 50px;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #E7E7E7;
border-top-left-radius: 50upx;
border-top-right-radius: 50upx;
}

但是我发现,偶尔会出现底部出现一块空白区域,把我自定义的tabbar给顶上去了。不知道是什么原因导致的

正常效果图:

底部空白顶上去的效果图:

偶尔会出现这种情况,不知道是什么原因导致的。Android和iOS两个端都会出现这种问题,这里的截图是iOS上面的。

2020-02-28 11:08 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com

请问你解决了吗?,我也出现这种问题

  • 大帅锅 (作者)

    没呢,我自己还是会遇到偶尔出现,概率不大。

    2020-08-26 14:27

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容