//swiper封装组件,主页面调用
<swiper style="position: absolute;left: 0;right: 0;top: 0;bottom: 0;" :style="{height: screenHeight + 'px'}" :current="curIndex" @change="change">
<swiper-item>
<slot name="left"></slot>
</swiper-item>
<swiper-item>
<slot name="middle"></slot>
</swiper-item>
<swiper-item>
<slot name="right"></slot>
</swiper-item>
</swiper>
//视频播放封装组件,control-bar为控制条代码
<view >
<video ref="myVideo" id="myVideo" :src="src" :controls="false" enable-progress-gesture="false" :show-center-play-btn="false" loop autoplay style="width: 750rpx;" :style="{height: screenHeight + 'px'}" @play="onplay" @error="onerror" @timeupdate="timeupdate" @click="videoClick"></video>
<view v-if="!showControl" class="progress-bar-box">
<view class="progress-bar">
<view class="progress-bar-percent" :style="{width:percent*7.5 + 'rpx' }"></view>
</view>
</view>
<view class="control-bar" >
<text class="control-btn" @click="btnClick"></text>
<view class="control-line">
<view class="control-left"></view>
<view class="control-dot" @touchmove.stop.prevent="stopTouchMove"></view>
<view class="control-right"></view>
</view>
<text class="control-btn"></text>
</view>
</view>