You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.9 KiB
75 lines
2.9 KiB
2 months ago
|
<navbar fixed custom-style="background:{{background}};color:#fff">
|
||
|
|
<van-icon name="arrow-left" slot="left" size="18px" color="#fff" bind:tap="handleBack" />
|
||
|
|
<view slot="title" style="color: #fff">视频</view>
|
||
|
|
</navbar>
|
||
|
|
<view class="page">
|
||
|
|
<swiper class="swiper" vertical="{{true}}" current="{{current}}" bindchange="handleChange">
|
||
|
|
<swiper-item class="swiper-item" wx:for="{{videoList}}" wx:key="Id">
|
||
|
|
<video
|
||
|
|
id="video-{{item.attachmentId}}"
|
||
|
|
class="video"
|
||
|
|
src="{{item.videoUrl}}"
|
||
|
|
poster="{{item.imgUrl}}"
|
||
|
|
loop
|
||
|
|
object-fit="contain"
|
||
|
|
enable-play-gesture
|
||
|
|
enable-progress-gesture
|
||
|
|
show-center-play-btn="{{false}}"
|
||
|
|
play-btn-position="center"
|
||
|
|
controls="{{false}}"
|
||
|
|
bindprogress="handleProgress"
|
||
|
|
bindplay="handlePlay"
|
||
|
|
bindpause="handlePause"
|
||
|
|
bindtimeupdate="handleTimeUpdate"
|
||
|
|
data-index="{{index}}"
|
||
|
|
bind:tap="handleTogglePlay"
|
||
|
|
></video>
|
||
|
|
<image
|
||
|
|
wx:if="{{!item.play}}"
|
||
|
|
class="play"
|
||
|
|
class="play"
|
||
|
|
src="{{imageUrl}}icon82.png?t={{Timestamp}}"
|
||
|
|
catch:tap="handleTogglePlay"
|
||
|
|
data-index="{{index}}"
|
||
|
|
></image>
|
||
|
|
<view class="swiper-item-footer">
|
||
|
|
<view class="title">{{item.Title}}</view>
|
||
|
|
<view class="progress">
|
||
|
|
<van-slider
|
||
|
|
value="{{item.progress}}"
|
||
|
|
active-color="#fff"
|
||
|
|
bar-height="4"
|
||
|
|
inactive-color="rgba(255, 255, 255, 0.29)"
|
||
|
|
bind:drag-start="handleDragStart"
|
||
|
|
bind:change="handleDragEnd"
|
||
|
|
use-button-slot
|
||
|
|
data-index="{{index}}"
|
||
|
|
>
|
||
|
|
<view class="slider-btn" slot="button"></view>
|
||
|
|
</van-slider>
|
||
|
|
</view>
|
||
|
|
<view class="container">
|
||
|
|
<view class="user">
|
||
|
|
<image class="avatar" src="{{imageUrl}}logo1.png?t={{Timestamp}}"></image>
|
||
|
|
<view class="name">基因知识库</view>
|
||
|
|
</view>
|
||
|
|
<view class="options">
|
||
|
|
<button class="o-item" open-type="share">
|
||
|
|
<image wx:if="{{item.IsShare}}" class="icon" src="{{imageUrl}}icon83.png?t={{Timestamp}}"></image>
|
||
|
|
<image wx:else class="icon" src="{{imageUrl}}icon85.png?t={{Timestamp}}"></image>
|
||
|
|
<view class="num {{item.IsShare && 'active'}}">{{item.ShareTimes}}</view>
|
||
|
|
</button>
|
||
|
|
<view class="o-item" bind:tap="handleLike" data-index="{{index}}">
|
||
|
|
<image wx:if="{{item.IsLike}}" class="icon" src="{{imageUrl}}icon84.png?t={{Timestamp}}"></image>
|
||
|
|
<image wx:else class="icon" src="{{imageUrl}}icon86.png?t={{Timestamp}}"></image>
|
||
|
|
<view class="num {{item.IsLike && 'active'}}">{{item.LikeTimes}}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</swiper-item>
|
||
|
|
</swiper>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<star id="animate" class="animate {{starShow&&'active'}}"></star>
|