- 发布：2020-08-26 17:55
- 更新：2020-08-26 18:37
- 阅读：1775
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.8.8
手机系统： 全部
手机系统版本号： Android 10
手机厂商： 魅族（大概率是所有品牌）
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<swiper-item style="background:#ddd;" class="row ju_cen ali_cen position_re" v-if="shopInfo.videoid && shopInfo.videoid != 0">
<view class="" style="width: 100%;height: 100%;background-color: #1AAD19;">
<video id="myVideo" class="position_ab" style="width: 100%;height: 100%;top: 0;left: 0;" :src="'http://cloud.video.taobao.com/play/u/1/p/1/e/6/t/1/'+shopInfo.videoid+'.mp4'" :controls="false" :enable-progress-gesture="false" show-center-play-btn object-fit="cover" @play="startPlay()"></video>
</view>
<!-- <view class="playBtn row ju_cen ali_cen" style="z-index: 50;" @click="play(shopInfo.videoid)" >
<image src="/static/detail/icon_play.png" style="width:19px;height:24px;"></image>
</view> -->
</swiper-item>
<swiper-item v-for="(item, i) in banner" :key="i" style="background:#ddd" class="row ju_cen ali_cen">
<image :src="item" :style="{ width: screenWidth, height: screenWidth }"></image>
</swiper-item>
</swiper>```
<swiper-item style="background:#ddd;" class="row ju_cen ali_cen position_re" v-if="shopInfo.videoid && shopInfo.videoid != 0">
<view class="" style="width: 100%;height: 100%;background-color: #1AAD19;">
<video id="myVideo" class="position_ab" style="width: 100%;height: 100%;top: 0;left: 0;" :src="'http://cloud.video.taobao.com/play/u/1/p/1/e/6/t/1/'+shopInfo.videoid+'.mp4'" :controls="false" :enable-progress-gesture="false" show-center-play-btn object-fit="cover" @play="startPlay()"></video>
</view>
<!-- <view class="playBtn row ju_cen ali_cen" style="z-index: 50;" @click="play(shopInfo.videoid)" >
<image src="/static/detail/icon_play.png" style="width:19px;height:24px;"></image>
</view> -->
</swiper-item>
<swiper-item v-for="(item, i) in banner" :key="i" style="background:#ddd" class="row ju_cen ali_cen">
<image :src="item" :style="{ width: screenWidth, height: screenWidth }"></image>
</swiper-item>
</swiper>```操作步骤：
swiper切换
swiper切换
预期结果：
有视频的swiper-item被划到一旁隐藏
有视频的swiper-item被划到一旁隐藏
实际结果：
有视频的swiper-item被划到一旁时 会有一部分露出
有视频的swiper-item被划到一旁时 会有一部分露出
bug描述：
使用swiper包含video时 切换swiper-item后 video位置显示异常
5***@qq.com (作者)
你好，因为我在这个页面使用了uni.pageScrollTo() 这个API在nvue中不支持 可以帮我想一个合适的解决方案吗
2020-09-01 15:38