代码示例已经 上传附件
makeit
- 发布：2021-12-23 11:36
- 更新：2022-03-25 17:22
- 阅读：1720
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 10.13.6
HBuilderX类型： Alpha
HBuilderX版本号： 3.3.2
手机系统： Android
手机系统版本号： Android 4.4
手机厂商： smartisan
手机机型： T1
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
video全屏后，显示cover-view，cover-view宽度高度按屏幕的尺寸来设置的。
cover-view无法全屏覆盖video上
为了让cover-view全屏，值设置为：
cover-view宽度：是屏幕的高度
cover-view高度：是屏幕的宽度
video全屏后，显示cover-view，cover-view宽度高度按屏幕的尺寸来设置的。
cover-view无法全屏覆盖video上
为了让cover-view全屏，值设置为：
cover-view宽度：是屏幕的高度
cover-view高度：是屏幕的宽度
预期结果：
cover-view能全屏覆盖video上
cover-view能全屏覆盖video上
实际结果：
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已经无法云端打包
我这边没有复现你的问题。 建议你打印一下 你获取到的宽高。判断一下是不是获取宽高异常了。
-
-
-
-
-
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
-
hx 3.3.6 bug已修复
-
-
-
大佬，看看我的问题，3.4.15版本，subnvue下video全屏后 font-size还是会变；https://ask.dcloud.net.cn/question/148814
2022-07-08 16:13
