<view>
    <video class="videoSection" src="http://efunvideo.ai160.com/vs2m/001/00103075/00103075012/00103075012.m3u8" controls show-fullscreen-btn="{{fullScreenBtn}}" show-play-btn="{{playBtn}}"></video>
    <view class="readAuthorSection">
        <image class="avatar" src="../../../static/image/timg.jpg" />
        <text class="nickName">萝莉小猫咪</text>
        <view class="like">
            <image src="../../../static/image/liked.png" />
            <text class="likeBtn">点赞</text>
        </view>
        <view class="follow">
            <text class="followBtn" bindtap="follow">关注</text>
        </view>
    </view>
    <view class="userSection">
        <view class="peopleNum">
            <image class="peoplesIcon" src="../../../static/image/peoples.png" />
            <view class="title">共有12345人完成了录音</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" data-uid = "{{item.uid}}" />
                </view>
            </view>
        </scroll-view>
    </view>
    <view class="commentSection">
        <view class="title">评论（38）</view>
        <input class="commentInput" bindconfirm="sendHandler" confirm-type="send" placeholder="听了这么多，说点什么吧" bindinput="inputValue"></input>
    </view>
    <view class="commentArea">
        <view class="commentItem" >
            <image class="avatar" src="../../../static/image/timg.jpg" />
            <view class="commentCore">
                <text class="nickName">阿尔萨斯</text>
                <text class="time">10-18 09:56</text>
                <text class="gut">{{text}}</text>
                <view class="commentAll" bindtap="goToDetail" data-id="1" data-num="8">共有123条评论</view>
            </view>
            <view class="btnWrapper">
                <image class="commentBtn" src="../../../static/image/comment.png" />
                <text class="commentText">评论</text>
                <image class="likeBtn" src="../../../static/image/like.png" />
                <text class="likeText">165</text>
            </view>
        </view>
    </view>
    <view class="footSection">
        <image class="blackbord" src="../../../static/image/blackbord.png" />
        <view class="collectBtn footerBtn">
            <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">
            <button open-type="share" plain="true" hover-class="none" >
                <image src="../../../static/image/share.png" />
                <text>分享</text>
            </button>
        </view>
    </view>
</view>