<div ref="item" class="item" :style="{height:wHeight+'px'}">
<view>
<jVideo v-if="Math.abs(k-i)<=1" :state="item.state" :src="item.playUrl" :img="item.vodPic" :boxStyle="boxStyle">
</jVideo>
</view>
</div>
————————————————————
this.wHeight = uni.getSystemInfoSync().screenHeight;
this.boxStyle.height = this.wHeight;
一个烧包
- 发布：2021-06-25 12:57
- 更新：2021-06-25 12:57
- 阅读：403
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.19
手机系统： iOS
手机系统版本号： iOS 12.1
手机厂商： 苹果
手机机型： 11
页面类型： nvue
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
操作步骤：
<div ref="item" class="item" :style="{height:wHeight+'px'}">
<view>
<jVideo v-if="Math.abs(k-i)<=1" :state="item.state" :src="item.playUrl" :img="item.vodPic" :boxStyle="boxStyle">
</jVideo>
</view>
</div>
————————————————————
this.wHeight = uni.getSystemInfoSync().screenHeight;
this.boxStyle.height = this.wHeight;
<div ref="item" class="item" :style="{height:wHeight+'px'}">
<view>
<jVideo v-if="Math.abs(k-i)<=1" :state="item.state" :src="item.playUrl" :img="item.vodPic" :boxStyle="boxStyle">
</jVideo>
</view>
</div>
————————————————————
this.wHeight = uni.getSystemInfoSync().screenHeight;
this.boxStyle.height = this.wHeight;
预期结果：
每次滑动 高度都应该正常整屏展示
每次滑动 高度都应该正常整屏展示
实际结果：
ios第一个视频正常整屏展示，再往下滑动高度会递减 最后导致一个屏幕出现多个视频 再上下滑动高度样式混乱
ios第一个视频正常整屏展示，再往下滑动高度会递减 最后导致一个屏幕出现多个视频 再上下滑动高度样式混乱
bug描述：
（iphone11测试问题 nvue uniapp模式）用uniapp list(nvue)专用组件上下滑动事件，获取高度给他组件赋值样式，高度（是官方api获取的设备高度，安卓正常)苹果有兼容性问题，每次上下滑动高度或递增递减，类似问题像ios端软件盘高度与输入框弹起不兼容 正常ios端给其负的高度（cursor-spacing属性）就可以兼容ios，（已测试把下方tabber注释掉 没有tabber的情况下上下滑动 iphone6/11视频高度每次正常的）以此办法ios端获取高度减去tabber下方的高度 iphone6可以正常解决 上下滑动没问题，但是iphone11手机还是不兼容 不知道是否是刘海屏高度导致还是其他兼容性问题！ 烦请给其解决方案 急急急！！！
