幽怨丶雨龙
幽怨丶雨龙
  • 发布:2019-09-03 11:36
  • 更新:2019-09-03 12:26
  • 阅读:2793

关于app端swiper嵌套video、map的问题

分类:uni-app
有没有已完成的方案实现swiper标签中同时嵌套video、map、image标签实现滑动切换或者轮播,比如如下代码: <swiper class="screen-swiper" :class="DotStyle?'square-dot':'round-dot'" circular="true" :current="current" @change="swiperChange" style="margin:10rpx 0rpx 3rpx 0rpx ;height: 220px;"> <swiper-item> <video class="video-video" v-if="openMark == 1" :autoplay="play" objectFit="fill" show-center-play-btn="true" controls danmu-btn="false" :src="picturePath+housesDetail.video.attachUrl" @ended="bindend" @pause="bindpause"></video> <image v-if="openMark == 0" :src="picturePath+housesDetail.videoImage.attachUrl"></image> <image id="videoPlay" class="videoPlay" v-if="openMark == 0" @tap="videoPlay" :src="startUrl"></image> </swiper-item> <swiper-item v-for="(item, index) in housesDetail.pictures" :key="index" wx:for-index="index"> <image :src="picturePath+item.attachUrl" mode="aspectFill" @tap="viewImage" :data-imagelist="housesDetail.pictures" data-imageid="index"></image> </swiper-item>
<swiper-item v-if="housesDetail.pictures.length==0">
<image src="/static/no-pic.jpg" mode="aspectFill" @tap="viewImage" data-imageid></image>
</swiper-item>
<swiper-item>
<view class="map_container">
<map class="map" id="map" style="width:100%;" scale="18" :latitude="latitude" longitude="longitude" :markers="markers"></map> </view>
</swiper-item>
</swiper>
2019-09-03 11:36 负责人:无 分享
已邀请:
DCloud_heavensoft

DCloud_heavensoft

nvue可以。插件市场里那些类抖音的视频滑动,就是swiper里内嵌video。

该问题目前已经被锁定, 无法添加新回复