"subNVues": [{
"id": "videoPlayApp", // 唯一标识
"path": "pages/index/video/videoPlayAppWeb", // nvue文件路径
"style": {
//采用停靠的方式，在Android上全屏播放返回来后没有占高度。
//这里采用默认的absolute方式
// "position": "dock",
// "dock": "top",
"width": "100%",
"height": "700rpx"
}
}]
loveCoding
- 发布：2022-04-09 17:38
- 更新：2022-04-09 17:38
- 阅读：158
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.4.5
手机系统： iOS
手机系统版本号： iOS 15
手机厂商： 苹果
手机机型： 13
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
在视频页面采用margin-top
在视频页面采用margin-top
预期结果：
margin-top:700rpx
margin-top:700rpx
实际结果：
560-580rpx不等，尤其是iPhone8和iPhone13表现完全不一样
560-580rpx不等，尤其是iPhone8和iPhone13表现完全不一样
bug描述：
原生子窗体高度问题。
背景：一个web连接的视频，固定到页面顶部，下面的其他内容可以滚动。要设置视频的高度。
故采用原生子窗体方案。在子窗体页面是一个webview
视频链接是一个阿里云点播的web播放器。
方法一：使用停靠的方式，在安卓上视频全屏播放后返回页面，原生子窗体没有高度。
方法二：采用默认的absolute方案，但是在各个平台高度表现均不一样。
两个方案都无法实现需求，都有bug。
0 个回复