1***@qq.com
1***@qq.com
  • 发布:2019-09-03 13:48
  • 更新:2021-10-07 13:20
  • 阅读:8188

【报Bug】uniapp 页面设置page高度100vh或者page 100%的话深色背景 底部会有几率出现一个白条

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

uniapp 页面设置page高度100vh或者page 100%的话深色背景 底部会有几率出现一个白条

<template>  
   <view>ssss</view>  
</template>  
<style>  
  page{height:100vh;background:#000}  
</style>

重现步骤

打开页面 就有一定的概率出现白条,在底部大概就是statusbar的高度,返回从新打开有时候就没有了
(微信小程序不存在这个问题,就app上有)

环境:2.2.2.20190816
手机版本:iphone8 ios11.4

之前这个问题看得有人发过,但我看官方一直未提,麻烦修复一些呗,我记得上一个版本没有这问题

和这个问题应该是同一个 https://ask.dcloud.net.cn/question/77675

[步骤]

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

[IDE版本号]

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ]

2019-09-03 13:48 负责人:无 分享
已邀请:
j***@outlook.com

j***@outlook.com

一样遇到过这个问题,也是设置了page 100% 高度

爱问

爱问

在App.vue文件中加入样式  
<style>   
      uni-page-body,html,body{  
        height: 100%;  
    }  
</style>   
子页面样式  
<template>    
   <view>ssss</view>    
</template>    
<style>    
  page{height:100%;background:#000}    
</style>  
这样写apph5、小程序页面都能满屏
  • zszq

    子元素高度page的时候没有背景色了

    2020-09-29 11:16

爱问

爱问

直接写page{background:#000} 不需要设置高度也是可以满屏背景

5***@qq.com

5***@qq.com

同样的问题,真是太坑了

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