<!--pages/activity/detail/detail.wxml-->
<view class="content">
    <!--swiper-->
    <view class="head">
        <view class="position {{hidden_top?'hidden-active':'visible-active'}}">
            <view class="left">
                <image src="../../../images/avatar@2x.png" class="user-avatar"></image>
                <text>旦巴</text>
            </view>
            <view class="right">
                <view class="collect" bindtap="collect">
                    <view class="iconfont icon-shoucang"></view>
                    <text>收藏</text>
                </view>
                <view class="share"  bindtap="share">
                    <view class="iconfont icon-fenxiang2"></view>
                    <text>分享</text>
                </view>
            </view>
        </view>
        <swiper indicator-dots="{{false}}" current="{{current}}" bindchange="swiperChange"
                autoplay="{{true}}" interval="3000" duration="1000">
            <block wx:for="{{slide}}" wx:key="index">
                <navigator url="{{item.url}}" hover-class="navigator-hover">
                    <swiper-item>
                        <image src="{{item.image}}" class="slide-image"/>
                    </swiper-item>
                </navigator>
            </block>
        </swiper>
        <view class="dots">
            <block wx:for="{{slide}}" wx:key="index" wx:for-index="idx">
                <view class="dot{{idx == current_swiper ? ' active' : ''}}"></view>
            </block>
        </view>
    </view>

    <!--地点-->
    <view class="area-box">
        <view class="title-box">
            <view class="title">北京密云云峰山</view>
            <view class="over-time"><text>23:54:26</text> 后停止拼餐</view>
        </view>
        <view class="area-content">
            <text>云峰山风景区坐落于密云水库北不老屯镇，燕落村北三公里，处于
                密云区东西两大风景区之间，东靠密云古北口 ──司马台长城──
                雾灵山风景区。</text>
        </view>
    </view>

    <!--详细时间-->
    <view class="detail-box">
        <text>时间：2018.04.08  17：30</text>
        <text>餐厅：Opera Bombana</text>
        <view class="position">
            <text class="address">地址：侨福芳草地B2 OPERA BOMBANA</text>
            <text class="iconfont icon-location"></text>
        </view>
        <text>菜系：意大利菜</text>
    </view>

    <!--已加入人员-->
    <view class="join-num">已加入人员</view>
    <view class="people-list" wx:if="{{peopleList.length>0}}">
        <view class="people"  wx:for="{{peopleList}}" wx:key="index" bindtap="goPetDetail" data-id="{{item.id}}">
            <view class="bg"><image src="{{item.img}}" class="people-img"></image></view>
            <view class="name">{{item.name}}</view>
        </view>
    </view>

    <!--留言板 问一问-->
    <view class="comment-box">
        <view class="title-box">
            <text class="comment-num">留言板  (28)</text>
            <view class="ask-btn">
                <text class="iconfont icon-bianji"></text>
                <text>问一问</text>
            </view>
        </view>

        <!--评论-->
        <view class="comment-list-box">
            <view class="comment-item">
                <view class="top-content">
                    <view class="top-left">
                        <image src="../../../images/avatar@2x.png" class="release-img"></image>
                        <text>旦巴   2018-08-09</text>
                    </view>
                    <view class="top-right">
                        <text>20</text>
                        <text class="iconfont icon-zan"></text>
                    </view>
                </view>
                <view class="comment-detail">
                    <view class="user-release">
                        <view class="release-comment">第一次拼餐，心里还是比较兴奋的，但是又担心拼友会比较无 聊，但是没想到拼友和餐厅都非常好！绝对不会有无聊的时候。 整个旅途非常开心！</view>
                        <text class="reply-btn">回复</text>
                    </view>
                    <view class="user-reply">
                        <view class='triangle'></view>
                        <view class="comment">
                            <text class="reply-name">蚂蚁： </text>
                            <text>第一次拼餐，心里还是比较兴奋的，但是又担心拼友会比较无聊，但是没想到拼友和餐厅都非常好！</text>
                        </view>
                        <view class="reply">
                            <text class="reply-name">旦巴</text>
                            <text>回复</text>
                            <text class="reply-name">蚂蚁：</text>
                            <text>第一次拼餐，心里还是比较兴奋的，但是又担心拼友会比较无聊，但是没想到拼友和餐厅都非常好！</text>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>

    <!--底部btn-->
    <view class="bottom-btn">
        <view class="add-btn">
            <view class="input_box">
                <view class="iconfont icon-jian {{num==1?'disable':''}}" bindtap='minusCount'></view>
                <view class='item_cart_num'>{{num}}</view>
                <view class='iconfont icon-jia1' bindtap='addCount'></view>
            </view>
        </view>
        <view class="confirm-join-btn">
            <text>确认拼餐</text>
        </view>
    </view>
</view>