detail.wxml 8.5 KB
<!--pages/activity/detail/detail.wxml-->
<form bindsubmit="confirmJoin" bindreset="formReset" report-submit="true">
    <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>
            <button class="confirm-join-btn" form-type="submit">
                <text>确认拼餐</text>
            </button>
            <!--<view class="confirm-join-btn" bindtap="confirmJoin">-->
                <!--<text>确认拼餐</text>-->
            <!--</view>-->
        </view>
    </view>
</form>