<view class="works-page {{noScroll}}">
<view class="videoSection">
<image wx:if="{{!videoLoad}}" class="video-playBtn" bindtap="videoPlayHandler" src="../../../static/image/play-btn.png"/>
<image wx:if="{{!videoLoad}}" class="videoIcon" src="{{iconImg}}" />
<video wx:if="{{videoLoad}}" id="worksVideo" class="videoSection" src="{{videoSrc}}" bindplay="videoPlay" bindtimeupdate="videoTimeupdate" bindprogress="videoProgress" bindwaiting="videoWaiting" bindended="videoEnd" bindpause="videoPause" 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" bindwaiting="videoWaiting" bindended="videoEnd" bindpause="videoPause" 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="follow" wx:if="{{authorUid !== myUid && authorUid !== 'c7f0a8fdd3a549ea9109a7b7486775f2'}}" bindtap="follow">
<image src="{{isFans? '../../../static/image/have_followed_btn.png' : '../../../static/image/follow_btn.png'}}" />
<!-- <text class="followBtn">{{isFans ? '已' : '+ '}}关注</text> -->
</view>
</view>
<!-- 重新调整html费时间 用定位实现 -->
<view class="userSection">
<view class="peopleNum">
<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 || 0}}）</view>
<view class="like" bindtap="likeWorks" wx:if="{{authorUid !== myUid}}" style="{{authorUid === 'c7f0a8fdd3a549ea9109a7b7486775f2'? 'margin-left:160rpx' : null}}">
<text class="animation-flower {{addComeOut}}">+1</text>
<image src="../../../static/image/add_flower.png" />
</view>
<input class="commentInput" bindconfirm="sendHandler" value="{{inputValue}}" 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>
<view class="gut">
<text class="gutInGut">{{item.text}}</text>
<text wx:if="{{item.text.length >=22}}" class="whole" bindtap="goToDetail" data-id="{{item.id}}">全文</text>
</view>
<view class="commentAll" bindtap="goToDetail" data-id="{{item.id}}" wx:if="{{item.replyCount}}">
<text>共有{{item.replyCount}}条评论</text>
</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> -->
<view class="hotAreaBigBigBig" bindtap="{{item.isLike? null:'likeCommend'}}" data-index="{{index}}" data-likes="{{item.likes}}" data-id="{{item.id}}">
<image class="likeBtn" src="{{item.isLike? '../../../static/image/point.png' : '../../../static/image/like.png'}}" />
<text class="likeText">{{item.likes}}</text>
</view>
<view class="hotAreaBigBigBig" bindtap="goToDetail" data-id="{{item.id}}" data-index="{{index}}">
<image class="commentBtn" src="../../../static/image/comment.png" />
<text class="commentText">回复</text>
</view>
</view>
</view>
</view>
<view class="footSection">
<image class="blackbord" src="../../../static/image/blackbord.png" />
<view class="collectBtn footerBtn" bindtap="goToClass">
<!-- <view wx:if="{{isIOS}}" class="stop-default"></view> -->
<image src="../../../static/image/listen_carfully.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:300px; height: 525px; position: absolute; left: -999rpx; top: -9999rpx;"></canvas>
<shareDialog id="share-dialog" shareType='works' bindShareDialogClose="shareDialogClose" 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">
<!-- <cover-view class="{{howMuch ==='1' ? 'money moneySelect' : 'money moneyNormal'}}" bindtap="setMoney" data-money="1"> -->
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}}" />
<MyToast bindShowAlert="showAlert" wx:if="{{alertFlag}}" />
<myModal id="myModal" btnText="{{modalBtnText}}" type="{{modalType}}" isCloseShow="{{modalCloseShow}}" text="{{modalText}}" wx:if="{{isModalShow}}" bindconfirm="modalConfirmHandler" bindclose="modalCloseHandler" />
<view hidden="{{hide}}">
<Dialog bindmyevent="jurisdiction" />
</view>
<FlowerBox id="flower-box" flowerNum="{{flowerNum}}" />
</view>