reader/pages/social/works/works.wxml

<view>
    <view class="videoSection" wx:if="{{!isIOS}}">
        <cover-image wx:if="{{!videoLoad}}" class="video-playBtn" bindtap="videoPlayHandler" src="../../../static/image/play-btn.png"></cover-image>
        <image wx:if="{{!videoLoad}}" class="videoIcon" src="{{iconImg}}" />
       <video wx:if="{{videoLoad}}" id="worksVideo" class="videoSection" src="{{videoSrc}}" bindplay="videoPlay" bindended="videoEnd" bindpause="videoPause" muted="false" controls="false" enable-progress-gesture="{{gesture}}" show-fullscreen-btn="{{fullScreenBtn}}" show-play-btn="{{playBtn}}"></video>
    </view>
    <!-- <video wx:if="{{isIOS}}" id="worksVideo" class="videoSection" src="{{videoUrl}}" autoPlay="{{autoPlay}}" controls="{{controls}}" show-center-play-btn="{{centerBtn}}" show-fullscreen-btn="{{fullScreenBtn}}" show-play-btn="{{playBtn}}"></video> -->
    <video wx:if="{{isIOS}}" id="worksVideo" class="videoSection" src="{{videoSrc}}" bindplay="videoPlay" bindended="videoEnd" bindpause="videoPause" muted="false" controls="false" enable-progress-gesture="{{gesture}}" show-fullscreen-btn="{{fullScreenBtn}}" show-play-btn="{{playBtn}}"></video>
    <view class="readAuthorSection">
        <image class="avatar" src="{{authorAvatar}}" bindtap="goToUsers" data-uid="{{authorUid}}" />
        <view class="profession" wx:if="{{authorProfession}}">{{authorProfession}}</view>
        <text class="nickName" bindtap="goToUsers" data-uid="{{authorUid}}">{{author}}</text>
        <view class="like" bindtap="likeWorks" wx:if="{{authorUid !== myUid}}">
            <image src="{{isLike? '../../../static/image/red_like.png' :'../../../static/image/red_like_empty.png'  }}" />
            <text class="likeBtn">{{isLike ? '已' : ''}}点赞</text>
        </view>
        <view class="follow" wx:if="{{authorUid !== myUid}}">
            <image src="{{isFans? '../../../static/image/fully_heart.png' : '../../../static/image/empty_heart.png'}}" />
            <text class="followBtn" bindtap="follow">{{isFans ? '已' : ''}}关注</text>
        </view>
    </view>
    <view class="userSection">
        <view class="peopleNum">
            <image class="peoplesIcon" src="../../../static/image/peoples.png" />
            <view class="title">共有{{totalRead}}人完成了录音</view>
        </view>
        <scroll-view scroll-x class="scrollWrapper" scroll-with-animation="true">
            <view class="avatarRow">
                <view class="userItem" wx:for="{{user}}" wx:key="{{index}}">
                    <image src="{{item.image}}" bindtap="goToOthers" lazy-load="true" data-uid="{{item.uid}}" data-title="{{item.title}}" />
                </view>
            </view>
        </scroll-view>
    </view>
    <view class="commentSection">
        <view class="title">评论（{{total}}）</view>
        <input class="commentInput" bindconfirm="sendHandler" confirm-type="send" placeholder="听了这么多，说点什么吧" bindinput="inputValue"></input>
    </view>
    <view class="commentArea">
        <view class="commentItem" wx:for="{{replyList}}" wx:key="{{index}}">
            <view class="avatar-wrapper" bindtap="goToUsers" data-uid="{{item.uid}}">
                <image class="avatar" src="{{item.avatar}}" />
                <view class="profession" wx:if="{{item.profession}}">{{item.profession}}</view>
            </view>
            <view class="commentCore">
                <text class="nickName">{{item.nickName}}</text>
                <text class="time">{{item.time}}</text>
                <text class="gut">{{item.text}}</text>
                <view class="commentAll" bindtap="goToDetail" data-id="{{item.id}}" data-count="{{item.replyCount}}" wx:if="{{item.replyCount}}">
                    共有{{item.replyCount}}条评论
                </view>
            </view>
            <view class="btnWrapper">
            <!-- <image class="commentBtn" src="../../../static/image/comment.png" bindtap="goToDetail" data-count="{{item.replyCount}}" data-id="{{item.id}}" data-index="{{index}}" />
                <text class="commentText" bindtap="goToDetail" data-id="{{item.id}}" data-count="{{item.replyCount}}" data-index="{{index}}">评论</text> -->
                <image class="likeBtn" src="../../../static/image/like.png" data-index="{{index}}" data-likes="{{item.likes}}" data-id="{{item.id}}" bindtap="likeCommend" />
                <text class="likeText" data-index="{{index}}" data-likes="{{item.likes}}" data-id="{{item.id}}" bindtap="likeCommend">{{item.likes}}
                </text>
                <image class="commentBtn" src="../../../static/image/comment.png" bindtap="goToDetail" data-id="{{item.id}}" data-index="{{index}}" />
                <text class="commentText" bindtap="goToDetail" data-id="{{item.id}}" data-index="{{index}}">回复
                </text>
                
            </view>
        </view>
    </view>
    <view class="footSection">
        <image class="blackbord" src="../../../static/image/blackbord.png" />
        <view class="collectBtn footerBtn" bindtap="reward">
            <image src="../../../static/image/bonus.png" />
            <text>奖励</text>
        </view>
        <view class="readingBtn footerBtn" bindtap="goToReading">
            <image class="microphone" src="../../../static/image/microphone.png" />
            <text>我要朗读</text>
        </view>
        <view class="shareBtn footerBtn" bindtap="openShare">
            <!-- <button open-type="share" plain="true" hover-class="none">
                <image src="../../../static/image/share.png" />
                <text>分享</text>
            </button> -->
            <image src="../../../static/image/share.png" />
            <text>分享</text>
        </view>
    </view>
    <!-- 分享框 -->
    <!-- <canvas canvas-id="myCanvas" style="width:750rpx;z-index=99999; height: 1334rpx;"></canvas> -->
    <canvas canvas-id="myCanvas" style="width:375px;z-index=99999; height: 667px; position: absolute; left: -999rpx; top: -9999rpx;"></canvas>
    <shareDialog id="share-dialog" shareType='works' shareId="{{id}}" />
    <!-- 评论框 -->
    <view class="replySection" wx:if="{{replyModal}}">
        <input bindblur="bindTextAreaBlur" bindconfirm="replySB" confirm-type="send" placeholder="回复" bindinput="inputSBValue" auto-focus auto-height />
    </view>
    <!-- 奖励弹窗 -->
    <cover-view class="modalWrapper" wx:if="{{ifReward}}">
        <cover-view class="rewardContent">
            <cover-image class="rewardWrapper" src="../../../static/image/reward_wrapper.png" />
            <cover-image class="rewardAvatar" src="{{authorAvatar}}" />
            <!-- <cover-view class="rewardNickName">奖励给朗读者：{{author}}</cover-view> -->
            <cover-view class="rewardNickName">播音主持特长生</cover-view>
            <cover-view class="sologan">声情并茂  悦耳动听</cover-view>
            <cover-view class="moneyArea">
                <cover-view class="{{howMuch ==='100' ? 'money moneySelect' : 'money moneyNormal'}}" bindtap="setMoney" data-money="100">
                    1.0元
                </cover-view>
                <cover-view class="{{howMuch ==='200' ? 'money moneySelect' : 'money moneyNormal'}}" bindtap="setMoney" data-money="200">
                    2.0元
                </cover-view>
                <cover-view class="{{howMuch ==='300' ? 'money moneySelect' : 'money moneyNormal'}}" bindtap="setMoney" data-money="300">
                    3.0元
                </cover-view>
            </cover-view>
            <cover-view class="rewardBtn" bindtap="rewardMoney">立即奖励</cover-view>
        </cover-view>
        <cover-image class="quitBtn" bindtap="quitReward" src="../../../static/groupImg/cha.png" />
    </cover-view>
    <!-- 回到首页弹窗 -->
    <!-- <view class="goBackHome" bindtap="goBackHome" wx:if="{{goBackHome}}">
        <image src="../../../static/image/goBackHome.png" />
    </view> -->
    <goBackHome id="goBackHome" shareType="{{goBackHome}}" wx:if="{{goBackHome}}" />
</view>