reader/pages/userWorks/index.wxml

<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.nickName}}</view>
                        <view class="time">发布时间：{{item.userRead.day}}</view>
                    </view>
                </view>
                <view class="wH-right">
                    <view class="wH-right-btn">
                        <image class="img" src="/static/index/down.png" mode="" />
                        <view class="text">下载</view>
                    </view>
                    <view class="wH-right-btn">
                        <image class="img" style="width:24rpx" src="/static/index/delete.png" mode="" />
                        <view class="text">删除</view>
                    </view>
                    <view class="wH-right-btn">
                        <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.id!=currentId}}" catchtap="playVideo"
                    data-id="{{item.userRead.id}}">
                    <!-- <image class="video_item_dialog_img" src="/static/index/checking.png"
                        mode="aspectFit|aspectFill|widthFix" /> -->
                    <image class="play" src="/static/image/play-btn.png" />
                    <image class="cover" src="{{item.userRead.coverImg}}" />
                </view>
                <video class="video" id="myVideo" wx:else src="{{item.userRead.videoPath}}" autoplay="true"
                    object-fit="contain" bindtap="changeVideoState">
                </video>
            </view>
            <view class="workFooter">
                <view class="title">{{item.userRead.title}}</view>
                <view class="mange">
                    <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">13313</view>
                        </view>
                        <view class="mangeL-box">
                            <image src="/static/index/comment.png" mode="" class="icon" />
                            <view class="icon-name">1233</view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>