1***@qq.com
1***@qq.com
  • 发布:2023-02-11 15:23
  • 更新:2023-02-11 15:23
  • 阅读:265

【报Bug】nvue页面swiper+video无法左右滑动,急!急!急!

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.6.18

手机系统: Android

手机系统版本号: Android 12

手机厂商: vivo

手机机型: x80

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<swiper :style="[{height:windowHeight + 'px',width:'750rpx'}]">
<swiper-item v-for="i in 3">

        <swiper :vertical="true" :style="[{height:windowHeight + 'px',width:'750rpx'}]">  
            <swiper-item v-for="i in 3">  
                <video :style="[{height:windowHeight + 'px',width:'750rpx'}]" :enable-progress-gesture="false"  
                    :show-center-play-btn="false" object-fit="contain" :controls="true" :loop="false"  
                    src="https://www.jfrogchina.com/wp-content/uploads/2020/03/jfrog_platform_with_jfrog_logo_forDev.mp4">  
                </video>  
            </swiper-item>  
        </swiper>  

    </swiper-item>  
</swiper>  

</template>

<script>
export default {
data() {
return {
windowHeight: 0
};
},
onLoad() {
this.windowHeight = uni.getSystemInfoSync().windowHeight
},
methods: {

    }  
}  

</script>

<style lang="scss">

</style>

操作步骤:

h5正常,app无法左右滑动

预期结果:

左右滑动

实际结果:

h5正常,app无法左右滑动

bug描述:

防抖音swiper+video无法左右滑动,有人成功的吗?

2023-02-11 15:23 负责人:DCloud_Android_DQQ 分享
已邀请:

要回复问题请先登录注册