|
@@ -1,130 +1,135 @@
|
|
|
<wxs src="../../utils/filter.wxs" module="filters" />
|
|
|
<view class="work">
|
|
|
- <view class="workHead">
|
|
|
- <view class="wH-left">
|
|
|
- <image src="{{videoInfoCopy.user.avatar}}" class="avatar" bindtap="jumpUserInfo" />
|
|
|
- <view class="wH-left-user">
|
|
|
- <view class="nickname textOver">{{videoInfoCopy.user.nickName||videoInfoCopy.user.eid}}</view>
|
|
|
- <view class="time">{{videoInfoCopy.userRead.day}}
|
|
|
- <image src="/static/play3.png" class="playNum" /> {{filters.numFilter(videoInfo.userRead.playAmount)}}
|
|
|
- <image src="/static/pf.png" class="playNum" />
|
|
|
- <text style="color:#00C657">{{videoInfo.userRead.score>0?videoInfo.userRead.score:'0'}}分</text>
|
|
|
+ <view class="workHead">
|
|
|
+ <view class="wH-left">
|
|
|
+ <image src="{{videoInfoCopy.user.avatar}}" class="avatar" bindtap="jumpUserInfo" />
|
|
|
+ <view class="wH-left-user">
|
|
|
+ <view class="nickname textOver">{{videoInfoCopy.user.nickName||videoInfoCopy.user.eid}}</view>
|
|
|
+ <view class="time">{{videoInfoCopy.userRead.day}}
|
|
|
+ <image src="/static/play3.png" class="playNum" />
|
|
|
+ {{filters.numFilter(videoInfo.userRead.playAmount)}}
|
|
|
+ <image src="/static/pf.png" class="playNum" wx:if="{{videoInfo.userReadExtend.businessType!=2}}" />
|
|
|
+ <text style="color:#00C657"
|
|
|
+ wx:if="{{videoInfo.userReadExtend.businessType!=2}}">{{videoInfo.userRead.score>0?videoInfo.userRead.score:'0'}}分</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 用户本人作品的右侧 -->
|
|
|
- <view class="wH-right" wx:if="{{videoType=='my'}}">
|
|
|
- <view class="wH-right-btn" bindtap="download" wx:if="{{videoInfoCopy.userRead.status!='CHECK'}}">
|
|
|
- <image class="img" src="/static/down.png" mode="" />
|
|
|
- <view class="text">下载</view>
|
|
|
- </view>
|
|
|
- <view class="wH-right-btn" bindtap="delete">
|
|
|
- <image class=" img" style="width:24rpx" src="/static/delete.png" mode="" />
|
|
|
- <view class="text">删除</view>
|
|
|
- </view>
|
|
|
- <view class="wH-right-btn" bindtap="setVideoPublic" wx:if="{{videoInfoCopy.userRead.status!='CHECK'}}">
|
|
|
- <image class="img" style="width:30rpx"
|
|
|
- src="{{videoInfoCopy.userRead.status==='NORMAL'? '/static/unlock.png': '/static/lock.png'}}" />
|
|
|
- <view class="text">
|
|
|
- {{videoInfoCopy.userRead.status==='NORMAL'? '公开': '私密'}}
|
|
|
+ <!-- 用户本人作品的右侧 -->
|
|
|
+ <view class="wH-right" wx:if="{{videoType=='my'}}">
|
|
|
+ <view class="wH-right-btn" bindtap="download" wx:if="{{videoInfoCopy.userRead.status!='CHECK'}}">
|
|
|
+ <image class="img" src="/static/down.png" mode="" />
|
|
|
+ <view class="text">下载</view>
|
|
|
+ </view>
|
|
|
+ <view class="wH-right-btn" bindtap="delete">
|
|
|
+ <image class=" img" style="width:24rpx" src="/static/delete.png" mode="" />
|
|
|
+ <view class="text">删除</view>
|
|
|
+ </view>
|
|
|
+ <view class="wH-right-btn" bindtap="setVideoPublic" wx:if="{{videoInfoCopy.userRead.status!='CHECK'}}">
|
|
|
+ <image class="img" style="width:30rpx"
|
|
|
+ src="{{videoInfoCopy.userRead.status==='NORMAL'? '/static/unlock.png': '/static/lock.png'}}" />
|
|
|
+ <view class="text">
|
|
|
+ {{videoInfoCopy.userRead.status==='NORMAL'? '公开': '私密'}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="wH-right" wx:elif="{{videoType=='public'&&!selfWork}}">
|
|
|
- <view class="follow {{videoInfoCopy.isFans?'isFans':''}}" bindtap="setFans">
|
|
|
- <image src="{{videoInfoCopy.isFans?'/static/follow_2.png':'/static/follow_3.png'}}" class="character" mode="" />
|
|
|
- <text class="text">{{videoInfoCopy.isFans?'已关注':'关注'}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="wH-right" wx:elif="{{videoType=='pk'&&isOfficial||videoType=='follow'&&isOfficial}}">
|
|
|
- <view class="pkNum">
|
|
|
- {{videoInfoCopy.userRead.score>=0?videoInfoCopy.userRead.score+'分':''}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 视频 -->
|
|
|
- <view class="workContent" wx:if="{{!videoInfoCopy.userReadExtend||videoInfoCopy.userReadExtend.resourcesType==0}}">
|
|
|
- <!-- 审核中遮罩 -->
|
|
|
- <view class="videoBox" wx:if="{{videoInfoCopy.userRead.status=='CHECK'&&videoInfoCopy.userRead.id!=currentId}}">
|
|
|
- <view class="maskBg"></view>
|
|
|
- <image class="maskImg" src="/static/checking.png" />
|
|
|
- <image class="cover" src="{{videoInfoCopy.userRead.coverImg}}" />
|
|
|
- </view>
|
|
|
- <!--未播放-->
|
|
|
- <view class="videoBox" wx:if="{{videoInfoCopy.userRead.status!='CHECK'&&videoInfoCopy.userRead.id!=currentId}}"
|
|
|
- bindtap="playVideo">
|
|
|
- <image class="play" src="/static/play-btn.png" />
|
|
|
- <image class="cover" src="{{videoInfoCopy.userRead.coverImg}}" />
|
|
|
- </view>
|
|
|
- <!-- 视频水印 -->
|
|
|
- <image src="{{videoInfoCopy.readMaskTemplate.imgPath}}" class="watermark"
|
|
|
- style="pointer-events:{{videoInfoCopy.userRead.status!='CHECK'&&videoInfoCopy.userRead.id!=currentId?'auto':'none'}}"
|
|
|
- bindtap="playVideo" wx:if="{{videoInfoCopy.userRead.status!='CHECK'}}" />
|
|
|
- <!-- 播放时渲染的video -->
|
|
|
- <video class="video" id="myVideo" wx:if="{{videoInfoCopy.userRead.id==currentId}}"
|
|
|
- src="{{workType=='videoPath'? videoInfoCopy.userRead.videoPath:videoInfoCopy.example.videoPath}}" autoplay="true"
|
|
|
- object-fit="contain">
|
|
|
- </video>
|
|
|
- </view>
|
|
|
- <!-- 音频 -->
|
|
|
- <view class="workContent" wx:else>
|
|
|
- <view class="audioBox" bindtap="audioPlay">
|
|
|
- <image src="{{videoInfoCopy.userReadExtend.backgroundVirtualImg}}" class="audioBg" mode="aspectFill" />
|
|
|
- <view class="titleBox">
|
|
|
- <view class="textOver" wx:for="{{videoInfoCopy.userRead.title}}" wx:key="index">
|
|
|
- {{item}}
|
|
|
+ <view class="wH-right" wx:elif="{{videoType=='public'&&!selfWork}}">
|
|
|
+ <view class="follow {{videoInfoCopy.isFans?'isFans':''}}" bindtap="setFans">
|
|
|
+ <image src="{{videoInfoCopy.isFans?'/static/follow_2.png':'/static/follow_3.png'}}" class="character"
|
|
|
+ mode="" />
|
|
|
+ <text class="text">{{videoInfoCopy.isFans?'已关注':'关注'}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="wH-right" wx:elif="{{videoType=='pk'&&isOfficial||videoType=='follow'&&isOfficial}}">
|
|
|
+ <view class="pkNum" wx:if="{{videoInfo.userReadExtend.businessType!=2}}">
|
|
|
+ {{videoInfoCopy.userRead.score>=0?videoInfoCopy.userRead.score+'分':''}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="audioPlay">
|
|
|
- <image src="/static/audioBg.png" class="audioPlayBg {{videoInfoCopy.userRead.id==currentId?'circle':''}}" />
|
|
|
- <image src="/static/zhen.png" class="audioPlayZhen" />
|
|
|
- <image src="{{videoInfoCopy.userRead.coverImg}}"
|
|
|
- class="cover {{videoInfoCopy.userRead.id==currentId?'circle':''}}" />
|
|
|
- </view>
|
|
|
- <view class="progressBar">
|
|
|
- <image src="{{videoInfoCopy.userRead.id==currentId?'/static/aStop.png':'/static/aPlay.png'}}"
|
|
|
- class="audioSwitch" />
|
|
|
- <view class="time">{{currentId == videoInfoCopy.userRead.id?currentTime:'00:00'}}</view>
|
|
|
- <slider class="slider" value="{{currentId == videoInfoCopy.userRead.id?sliderValue:0}}" catchtap="false"
|
|
|
- disabled="{{currentId != videoInfoCopy.userRead.id}}" catchchange="slider" block-size='12'
|
|
|
- backgroundColor='#ffffff50' selected-color="#ffffff" />
|
|
|
- <view class="time">{{endTime}}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="workFooter" wx:if="{{videoInfoCopy.userRead.status!='CHECK'}}">
|
|
|
- <button class="resetBtn mangeL-box" open-type="share" data-info='{{videoInfo}}'>
|
|
|
- <image src="/static/share.png" mode="" class="icon" />
|
|
|
- <view class="icon-name">分享</view>
|
|
|
- </button>
|
|
|
- <view class="mangeL-box" bindtap="collect">
|
|
|
- <image src="{{videoInfoCopy.isFavorites ? '/static/star_colored.png' : '/static/star.png'}}" mode=""
|
|
|
- class="icon" />
|
|
|
- <view class="icon-name">{{videoInfoCopy.isFavorites?'已收藏':'收藏'}}</view>
|
|
|
</view>
|
|
|
- <view class="mangeL-box" bindtap="openComment">
|
|
|
- <view class="noticeTips" wx:if="{{videoType=='my'&&videoInfoCopy.unReadPostsCount>0}}">
|
|
|
- +{{videoInfoCopy.unReadPostsCount}}</view>
|
|
|
- <image src="/static/comment.png" mode="" class="icon" />
|
|
|
- <view class="icon-name">{{filters.numFilter(videoInfoCopy.userRead.commentAmount)}}</view>
|
|
|
+ <!-- 视频 -->
|
|
|
+ <view class="workContent" wx:if="{{!videoInfoCopy.userReadExtend||videoInfoCopy.userReadExtend.resourcesType==0}}">
|
|
|
+ <!-- 审核中遮罩 -->
|
|
|
+ <view class="videoBox" wx:if="{{videoInfoCopy.userRead.status=='CHECK'&&videoInfoCopy.userRead.id!=currentId}}">
|
|
|
+ <view class="maskBg"></view>
|
|
|
+ <image class="maskImg" src="/static/checking.png" />
|
|
|
+ <image class="cover" src="{{videoInfoCopy.userRead.coverImg}}" />
|
|
|
+ </view>
|
|
|
+ <!--未播放-->
|
|
|
+ <view class="videoBox" wx:if="{{videoInfoCopy.userRead.status!='CHECK'&&videoInfoCopy.userRead.id!=currentId}}"
|
|
|
+ bindtap="playVideo">
|
|
|
+ <image class="play" src="/static/play-btn.png" />
|
|
|
+ <image class="cover" src="{{videoInfoCopy.userRead.coverImg}}" />
|
|
|
+ </view>
|
|
|
+ <!-- 视频水印 -->
|
|
|
+ <image src="{{videoInfoCopy.readMaskTemplate.imgPath}}" class="watermark"
|
|
|
+ style="pointer-events:{{videoInfoCopy.userRead.status!='CHECK'&&videoInfoCopy.userRead.id!=currentId?'auto':'none'}}"
|
|
|
+ bindtap="playVideo" wx:if="{{videoInfoCopy.userRead.status!='CHECK'}}" />
|
|
|
+ <!-- 播放时渲染的video -->
|
|
|
+ <video class="video" id="myVideo" wx:if="{{videoInfoCopy.userRead.id==currentId}}"
|
|
|
+ src="{{workType=='videoPath'? videoInfoCopy.userRead.videoPath:videoInfoCopy.example.videoPath}}"
|
|
|
+ autoplay="true" object-fit="contain">
|
|
|
+ </video>
|
|
|
</view>
|
|
|
- <view class="mangeL-box" bindtap="likeVideo">
|
|
|
- <image src="{{videoInfoCopy.isLike ? '/static/heart_colored.png' : '/static/heart.png'}}" mode="" class="icon" />
|
|
|
- <view class="icon-name">{{filters.numFilter(videoInfoCopy.userRead.likeAmount)}}</view>
|
|
|
+ <!-- 音频 -->
|
|
|
+ <view class="workContent" wx:else>
|
|
|
+ <view class="audioBox" bindtap="audioPlay">
|
|
|
+ <image src="{{videoInfoCopy.userReadExtend.backgroundVirtualImg}}" class="audioBg" mode="aspectFill" />
|
|
|
+ <view class="titleBox">
|
|
|
+ <view class="textOver" wx:for="{{videoInfoCopy.userRead.title}}" wx:key="index">
|
|
|
+ {{item}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="audioPlay">
|
|
|
+ <image src="/static/audioBg.png"
|
|
|
+ class="audioPlayBg {{videoInfoCopy.userRead.id==currentId?'circle':''}}" />
|
|
|
+ <image src="/static/zhen.png" class="audioPlayZhen" />
|
|
|
+ <image src="{{videoInfoCopy.userRead.coverImg}}"
|
|
|
+ class="cover {{videoInfoCopy.userRead.id==currentId?'circle':''}}" />
|
|
|
+ </view>
|
|
|
+ <view class="progressBar">
|
|
|
+ <image src="{{videoInfoCopy.userRead.id==currentId?'/static/aStop.png':'/static/aPlay.png'}}"
|
|
|
+ class="audioSwitch" />
|
|
|
+ <view class="time">{{currentId == videoInfoCopy.userRead.id?currentTime:'00:00'}}</view>
|
|
|
+ <slider class="slider" value="{{currentId == videoInfoCopy.userRead.id?sliderValue:0}}" catchtap="false"
|
|
|
+ disabled="{{currentId != videoInfoCopy.userRead.id}}" catchchange="slider" block-size='12'
|
|
|
+ backgroundColor='#ffffff50' selected-color="#ffffff" />
|
|
|
+ <view class="time">{{endTime}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="pkPageBtns" style="justify-content:{{videoType!='pk'?'center':'space-between'}}"
|
|
|
- wx:if="{{videoType!='my'&&!selfWork}}">
|
|
|
- <view class="toReading" style="background-color: #00C657;" bindtap="changeRead"
|
|
|
- wx:if="{{videoInfoCopy.userRead.type=='READ'&&videoType=='pk'}}">
|
|
|
- <image src="/static/aPlay.png" class="reading" />
|
|
|
- <view class="reading-text">{{workType=='videoPath'?'示范朗读':'TA的朗读'}}</view>
|
|
|
+ <view class="workFooter" wx:if="{{videoInfoCopy.userRead.status!='CHECK'}}">
|
|
|
+ <button class="resetBtn mangeL-box" open-type="share" data-info='{{videoInfo}}'>
|
|
|
+ <image src="/static/share.png" mode="" class="icon" />
|
|
|
+ <view class="icon-name">分享</view>
|
|
|
+ </button>
|
|
|
+ <view class="mangeL-box" bindtap="collect">
|
|
|
+ <image src="{{videoInfoCopy.isFavorites ? '/static/star_colored.png' : '/static/star.png'}}" mode=""
|
|
|
+ class="icon" />
|
|
|
+ <view class="icon-name">{{videoInfoCopy.isFavorites?'已收藏':'收藏'}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="mangeL-box" bindtap="openComment">
|
|
|
+ <view class="noticeTips" wx:if="{{videoType=='my'&&videoInfoCopy.unReadPostsCount>0}}">
|
|
|
+ +{{videoInfoCopy.unReadPostsCount}}</view>
|
|
|
+ <image src="/static/comment.png" mode="" class="icon" />
|
|
|
+ <view class="icon-name">{{filters.numFilter(videoInfoCopy.userRead.commentAmount)}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="mangeL-box" bindtap="likeVideo">
|
|
|
+ <image src="{{videoInfoCopy.isLike ? '/static/heart_colored.png' : '/static/heart.png'}}" mode=""
|
|
|
+ class="icon" />
|
|
|
+ <view class="icon-name">{{filters.numFilter(videoInfoCopy.userRead.likeAmount)}}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="toReading {{videoType=='pk'?'pkToReading':''}}" bindtap="toPkPage">
|
|
|
- <image src="/static/reading.png" class="reading" />
|
|
|
- <view class="reading-text" wx:if="{{videoInfoCopy.userRead.type=='READ'}}">{{videoType!='pk'?'挑战PK':'开始挑战'}}
|
|
|
- </view>
|
|
|
- <view class="reading-text" wx:if="{{!isOfficial}}">去朗读</view>
|
|
|
+ <view class="pkPageBtns" style="justify-content:{{videoType!='pk'?'center':'space-between'}}"
|
|
|
+ wx:if="{{videoType!='my'&&!selfWork}}">
|
|
|
+ <view class="toReading" style="background-color: #00C657;" bindtap="changeRead"
|
|
|
+ wx:if="{{videoInfoCopy.userRead.type=='READ'&&videoType=='pk'}}">
|
|
|
+ <image src="/static/aPlay.png" class="reading" />
|
|
|
+ <view class="reading-text">{{workType=='videoPath'?'示范朗读':'TA的朗读'}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="toReading {{videoType=='pk'?'pkToReading':''}}" bindtap="toPkPage">
|
|
|
+ <image src="/static/reading.png" class="reading" />
|
|
|
+ <view class="reading-text" wx:if="{{videoInfoCopy.userRead.type=='READ'}}">{{videoType!='pk'?'挑战PK':'开始挑战'}}
|
|
|
+ </view>
|
|
|
+ <view class="reading-text" wx:if="{{!isOfficial}}">去朗读</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
</view>
|