reader/pages/userWorks/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />
<view class="worksBox">
    <!-- 作品列表 -->
    <view class="works">
        <view class="work" wx:for="{{list}}" wx:key="index">
            <view class="workHead">
                <view class="wH-left">
                    <image src="{{item.user.avatar}}" class="avatar" mode="" />
                    <view class="wH-left-user">
                        <view class="nickname textOver">{{item.user.wechatName}}</view>
                        <view class="time">发布时间：{{item.userRead.day}}</view>
                    </view>
                </view>
                <view class="wH-right" wx:if="{{item.userRead.status!='CHECK'}}">
                    <view class="wH-right-btn">
                        <image class="img" src="/static/index/down.png" mode="" />
                        <view class="text">下载</view>
                    </view>
                    <view class="wH-right-btn" bindtap="delete" data-id="{{item.userRead.id}}">
                        <image class=" img" style="width:24rpx" src="/static/index/delete.png" mode="" />
                        <view class="text">删除</view>
                    </view>
                    <view class="wH-right-btn" bindtap="setVideoPublic" data-info="{{item.userRead}}">
                        <image class="img" style="width:30rpx"
                            src="{{item.userRead.status==='NORMAL'? '/static/index/unlock.png': '/static/index/lock.png'}}" />
                        <view class="text">
                            {{item.userRead.status==='NORMAL'? '公开': '私密'}}
                        </view>
                    </view>
                </view>
            </view>
            <view class="workContent">
                <!-- 审核中遮罩 -->
                <view class="videoBox" wx:if="{{item.userRead.status=='CHECK'&&item.userRead.id!=currentId}}">
                    <view class="maskBg"></view>
                    <image class="maskImg" src="/static/index/checking.png" />
                    <image class="cover" src="{{item.userRead.coverImg}}" />
                </view>
                <!--未播放-->
                <view class="videoBox" wx:if="{{item.userRead.status!='CHECK'&&item.userRead.id!=currentId}}"
                    catchtap="playVideo" data-id="{{item.userRead.id}}">
                    <image class="play" src="/static/image/play-btn.png" />
                    <image class="cover" src="{{item.userRead.coverImg}}" />
                </view>
                <!-- 播放时渲染的video -->
                <video class="video" id="myVideo" wx:if="{{item.userRead.id==currentId}}"
                    src="{{item.userRead.videoPath}}" autoplay="true" object-fit="contain">
                </video>
            </view>
            <view class="workFooter">
                <view class="title">{{item.userRead.title}}</view>
                <view class="mange" wx:if="{{item.userRead.status!='CHECK'}}">
                    <view class="mangeL">
                        <view class="mangeL-box">
                            <image src="/static/image/no_collect.png" mode="" class="icon" />
                            <view class="icon-name">收藏</view>
                        </view>
                        <view class="mangeL-box">
                            <image src="/static/index/share.png" mode="" class="icon" />
                            <view class="icon-name">分享</view>
                        </view>
                    </view>
                    <view class="mangeL">
                        <view class="mangeL-box">
                            <image
                                src="{{item.userRead.isLike ? '/static/index/heart_colored.png' : '/static/index/heart.png'}}"
                                mode="" class="icon" />
                            <view class="icon-name">{{filters.numFilter(item.userRead.likeAmount)}}</view>
                        </view>
                        <view class="mangeL-box">
                            <image src="/static/index/comment.png" mode="" class="icon" />
                            <view class="icon-name">{{filters.numFilter(item.userRead.commentAmount)}}</view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>