height: ${swiperHeight}px;"
@change="swiperChange">
<swiper-item class="item" :item-id="'video' + index" v-for="(item, index) in list" :key="index">
<video class="video" :id="'video' + index" :ref="'video' + index" :src="item.video_id" :loop="true"
controls="false"></video>
<view class="menus"><view class="menu avatar-box rounded" @click="add">
<view class="avatar-round-1 rounded">
<image class="avatar rounded" :src="userStore.info.avatar"></image>
</view>
<view class="avatar-plus rounded">
<tm-icon _class="px-32" :fontSize="16" color="#FFFFFF" name="tmicon-plus"></tm-icon>
</view>
</view>
<view class="menu">
<tm-icon @click="like(item, 0)" v-if="item.is_like == 1" _class="px-32" :fontSize="52"
color="#FFFFFF" name="tmicon-md-heart"></tm-icon>
<tm-icon @click="like(item, 1)" v-else _class="px-32" :fontSize="52" color="#FFFFFF"
name="tmicon-md-heart-empty"></tm-icon>
<text class="menu-text">{{ item.like }}</text>
</view>
<view class="menu">
<tm-icon _class="px-32" :fontSize="52" color="#FFFFFF" name="tmicon-comment-dots"></tm-icon>
<text class="menu-text">0</text>
</view>
<view class="menu">
<tm-icon @click="collect(item, 0)" v-if="item.is_collect == 1" _class="px-32" :fontSize="52"
color="#FFFFFF" name="tmicon-collection-fill"></tm-icon>
<tm-icon @click="collect(item, 1)" v-else _class="px-32" :fontSize="52" color="#FFFFFF"
name="tmicon-collection"></tm-icon>
<text class="menu-text">{{ item.collect }}</text>
</view>
<view class="menu">
<tm-icon _class="px-32" :fontSize="52" color="#FFFFFF" name="tmicon-share1"></tm-icon>
<text class="menu-text">0</text>
</view>
</view>
<view class="info">
<view class="avatar-2-box">
<view class="avatar-round-2 rounded">
<image class="avatar-2 rounded" :src="item.avatar"></image>
</view>
<text class="name">{{ item.nickname }}</text>
</view>
<view class="title-box">
<text class="title">{{ item.title }}</text>
</view>
</view>
</swiper-item>
</swiper>
