makeit
makeit
  • 发布:2021-12-23 11:36
  • 更新:2022-01-04 18:07
  • 阅读:209

【报Bug】video全屏后,cover-view无法全屏覆盖video上

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 10.13.6

HBuilderX类型: Alpha

HBuilderX版本号: 3.3.2

手机系统: Android

手机系统版本号: Android 4.4

手机厂商: smartisan

手机机型: T1

页面类型: nvue

vue版本: vue2

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

代码示例已经 上传附件

操作步骤:

video全屏后,显示cover-view,cover-view宽度高度按屏幕的尺寸来设置的。

cover-view无法全屏覆盖video上

为了让cover-view全屏,值设置为:
cover-view宽度:是屏幕的高度
cover-view高度:是屏幕的宽度

预期结果:

cover-view能全屏覆盖video上

实际结果:

cover-view无法全屏覆盖video上

bug描述:

video全屏后,cover-view无法全屏覆盖video上

图中,红色框 蓝色背景 的区域为cover-view

cover-view无法全屏覆盖video上,cover-view设置的四周红色框,但是下面的部分不显示

备注:HBuilderX 3.3.0 alpha 版本是正常的,但是3.3.0 alpha已经无法云端打包

2021-12-23 11:36 负责人:无 分享
已邀请:
DCloud_Android_DQQ

DCloud_Android_DQQ

我试试 能否复现

DCloud_Android_DQQ

DCloud_Android_DQQ

我这边没有复现你的问题。 建议你打印一下 你获取到的宽高。判断一下是不是获取宽高异常了。

  • makeit (作者)

    你点 video全屏,全屏后cover-view不能覆盖全屏

    2021-12-23 15:51

  • makeit (作者)

    video全屏,video全屏后(video横屏) 后,cover-view不能覆盖全屏

    2021-12-23 15:52

  • DCloud_Android_DQQ

    回复 makeit: 你打印一下 宽高啊。明显是获取的宽高就不对啊

    2021-12-23 16:07

  • makeit (作者)

    回复 DCloud_Android_DQQ:


    页面加载进去,获取了屏幕的宽360,高640。


    然后video全屏后,把cover-view的宽设置为了640px, 高设置为了360px

    2021-12-23 16:13

  • makeit (作者)

    这是页面加载后,获取屏幕宽高的代码


        created() {  
    this.fullControlsWidth = uni.getSystemInfoSync().screenHeight
    this.fullControlsHeigt = uni.getSystemInfoSync().screenWidth+1
    console.log("this.fullControlsWidth",this.fullControlsWidth)
    console.log("this.fullControlsHeigt",this.fullControlsHeigt)
    }

    2021-12-23 16:15

  • makeit (作者)

    回复 DCloud_Android_DQQ:

    我又上传了一张截图, 不通过uni.getSystemInfoSync()来获取屏幕的宽高。


    直接把cover-view的宽高设置为1200px * 1200px, 还是不能覆盖全屏。


    cover-view 右侧的红框 已经溢出屏幕

    2021-12-23 16:43

  • DCloud_Android_DQQ

    回复 makeit: 我试试哈

    2021-12-23 17:55

DCloud_Android_DQQ

DCloud_Android_DQQ

bug 已确认。

  • makeit (作者)

    辛苦

    2021-12-27 11:26

DCloud_Android_DQQ

DCloud_Android_DQQ

hx 3.3.6 bug已修复

要回复问题请先登录注册