detail.wxml 7.6 KB
<!--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>-->
                <image src="{{detail.userPic}}" class="user-avatar"></image>
                <text>{{detail.userName}}</text>
            </view>
            <view class="right">
                <view class="collect" bindtap="collect">
                    <view class="iconfont icon-shoucang" wx:if="{{!is_collect}}"></view>
                    <view class="iconfont icon-shoucang2" wx:if="{{is_collect}}"></view>
                    <text>收藏</text>
                </view>
                <!--&lt;!&ndash;未收藏&ndash;&gt;-->
                <!--<view class='collect_box' catchtap='sethits_yes' data-index='{{index}}' wx:if='{{items.is_hits==0}}'>-->
                <!--<text class='iconfont icon-shoucang1 '></text>-->
                <!--<text class="collect_word">收藏</text>-->
                <!--</view>-->
                <!--&lt;!&ndash;已收藏&ndash;&gt;-->
                <!--<view class='collect_box active' catchtap='sethits_no' data-index='{{index}}' wx:else>-->
                <!--<text class='iconfont icon-shoucang0 star2'></text>-->
                <!--<text class="collect_word">收藏</text>-->
                <!--</view>-->
                <button class="share" open-type="share">
                    <view class="iconfont icon-fenxiang2"></view>
                    <text>分享</text>
                </button>
            </view>
        </view>
        <swiper indicator-dots="{{false}}" current="{{current}}" bindchange="swiperChange"
                autoplay="{{true}}" interval="3000" duration="1000">
            <block wx:for="{{detail.banner}}" wx:key="index">
                <navigator url="{{item}}" hover-class="navigator-hover">
                    <swiper-item>
                        <image src="{{item}}" class="slide-image"/>
                        <!--<image src="http://pk86rwhci.bkt.clouddn.com/banner.png" class="slide-image"></image>-->
                    </swiper-item>
                </navigator>
            </block>
        </swiper>
        <view class="dots">
            <block wx:for="{{detail.banner}}" 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">{{detail.title}}</view>
            <view class="over-time">
                <text class=''>{{detail.time[0].hou}}:{{detail.time[0].min}}:{{detail.time[0].sec}}</text>
                后停止拼餐</view>
            <!--<view>-->
            <!--<text class=''>{{detail.time[0].hou}}</text>-->
            <!--<text>:</text>-->
            <!--<text class=''>{{detail.time[0].min}}</text>-->
            <!--<text>:</text>-->
            <!--<text class=' '>{{detail.time[0].sec}}</text>-->
            <!--</view>-->
        </view>
        <view class="area-content">
            <text>{{detail.content}}</text>
            <!--云峰山风景区坐落于密云水库北不老屯镇,燕落村北三公里,处于-->
            <!--密云区东西两大风景区之间,东靠密云古北口 ──司马台长城──-->
            <!--雾灵山风景区。-->
        </view>
    </view>

    <!--详细时间-->
    <view class="detail-box">
        <text>时间:{{end_time}}</text>
        <text>餐厅:{{detail.addr}}</text><!--餐厅-->
        <view class="position" bindtap="getNavigate">
            <text class="address">地址:{{detail.address}}</text><!--地址:-->
            <!--侨福芳草地B2 OPERA BOMBANA-->
            <text class="iconfont icon-location"></text>
        </view>
        <text>菜系:{{detail.selectName}}</text>
        <!--意大利菜-->
    </view>

    <!--已加入人员-->
    <view class="join-num">已加入人员</view>
    <view class="people-list" wx:if="{{join_people.length>0}}">
        <view class="people"  wx:for="{{join_people}}" wx:key="index">
            <view class="bg"><image src="{{item.pic}}" 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">留言板  ({{count}})</text>
            <view class="ask-btn" bindtap="ask">
                <text class="iconfont icon-bianji"></text>
                <text>问一问</text>
                <!--<input type="text" class="ask-input" bindinput="ask" focus="{{focus}}"/>-->
            </view>
        </view>

        <!--评论-->
        <view class="comment-list-box">
            <view class="comment-item" wx:for="{{commentList}}" wx:key="index" wx:for-item="comment">
                <view class="top-content">
                    <view class="top-left">
                        <!--<image src="../../../images/avatar@2x.png" class="release-img"></image>-->
                        <image src="{{comment.userPic}}" class="release-img"></image>
                        <text>{{comment.userName}}   {{comment.create_time}}</text>
                    </view>
                    <view class="top-right" bindtap="clickZan" data-id="{{comment.id}}" data-index="{{index}}">
                        <text>{{comment.prefect}}</text>
                        <text class="iconfont icon-zan" wx:if="{{!comment.is_prefect}}"></text>
                        <text class="iconfont icon-z-likeFill" wx:if="{{comment.is_prefect}}"></text>
                    </view>
                </view>
                <view class="comment-detail">
                    <view class="user-release">
                        <view class="release-comment">{{comment.content}}</view>
                        <text class="reply-btn" bindtap="reply" data-id="{{comment.id}}">回复</text>
                    </view>
                    <view class="user-reply"  wx:if="{{comment.son.length>0}}">
                        <view class='triangle'></view>
                        <block wx:for="{{comment.son}}" wx:key="index">
                            <!--<view class="comment">-->
                                <!--<text class="reply-name">蚂蚁: </text>-->
                                <!--<text>{{item.content}}第一次拼餐,心里还是比较兴奋的,但是又担心拼友会比较无聊,但是没想到拼友和餐厅都非常好!</text>-->
                            <!--</view>-->
                            <view class="reply">
                                <text class="reply-name">{{detail.userName}}</text>
                                <text>回复</text>
                                <text class="reply-name">{{comment.userName}}:</text>
                                <text>{{item.content}}</text>
                            </view>
                        </block>
                    </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" bindtap="confirmJoin">
            <text>确认拼餐</text>
        </view>
    </view>
</view>