index.wxml 7.8 KB
<!--index.wxml-->
<view class="container">
    <!--swiper-->
    <view class="head">
        <view class="position {{hidden_top?'hidden-active':'visible-active'}}">
            <picker class="picker" bindchange="cityPickerChange" value="{{current_city}}" range="{{city_picker_list}}" class="picker">
                <view class="left">
                    <view class="iconfont icon-location"></view>
                    <text>{{city_picker_list[current_city] || china_city}}</text>
                    <view class="iconfont icon-arrow-down"></view>
                </view>
            </picker>
            <view class="right"  bindtap="search">
                <view class="input"></view>
                <view class="iconfont icon-arrow-down"></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.link}}" hover-class="navigator-hover">
                    <swiper-item>
                        <!--<image src="{{item.pic}}" class="slide-image"/>-->
                        <image src="http://pk86rwhci.bkt.clouddn.com/banner.png" 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-item {{idx == current_swiper ? ' active' : ''}}"></view>
            </block>
        </view>
    </view>

    <!--分类导航-->
    <view class="padding-box">
        <view class="navigator-box">
            <view class="img-box" wx:for="{{cate}}" wx:key="index"
                  bindtap="goTypeDetail" data-id="{{item.id}}" data-name="{{item.name}}">
                <!--<image src="{{item.pic}}"></image>-->
                <!--<view class="text">{{item.name}}</view>-->
                <image src="{{item.pic}}"></image>
                <view class="text">{{item.name}}</view>
            </view>
        </view>
    </view>

    <!--火柴号外公告-->
    <view class="area-box">
        <image src="../../images/haowai@2x.png"></image>
        <!--<text>奥拉维尔·埃利亚松北京首展</text>-->
        <!--<view wx:for="{{noticeList}}" wx:key="index">-->
            <!--<wux-notice-bar mode="link"  icon="" action="" content="{{item.name}}" bind:click="onClick">-->
                <!--<text slot="footer" style="color: #a1a1a1; margin-left: 10px;">去看看</text>-->
            <!--</wux-notice-bar>-->
        <!--</view>-->
        <swiper class="tab-right" style='' vertical="true" autoplay="true" circular="true" interval="3000" display-multiple-items='1'>
            <view class="right-item">
                <block wx:for-index="idx" wx:for='{{noticeList}}' wx:key="index" >
                    <swiper-item>
                        <view class='content-item' bindtap="goNotice" data-id="{{item.id}}">
                            <text>{{item.title}}</text>
                        </view>
                    </swiper-item>
                </block>

            </view>
        </swiper>
    </view>

    <view class="tandian-box">
        <view class="left">
            <image src="../../images/tandian@2x.png"></image>
            <text>探店途中</text>
        </view>
        <view class="right" bindtap="goMore">
            <text>查看更多</text>
            <image src="../../images/arrow@2x.png"></image>
        </view>
    </view>

    <!--banner-->
    <view class='people_box rel bb1'>
        <!--<scroll-view scroll-x class='scroll_view'>-->
            <!--<view class="people_list_box">-->
                <!--<view class='people_list' wx:for='{{banner}}' wx:key='index'-->
                      <!--data-index="{{index}}" bindtap="goPeopleDetail" data-id="{{item.user_id}}">-->
                    <!--<image src="{{item.image}}"></image>-->
                    <!--<text>Opera Bombana   2018.4.28</text>-->
                <!--</view>-->
            <!--</view>-->
        <!--</scroll-view>-->
        <swiper class="bannerBox" autoplay="true" interval="3000" duration="2000"
                previous-margin="50rpx" next-margin="50rpx" bindchange="bannerChange" current="{{index}}">
            <block wx:for="{{meal_banner}}" wx:key="index">
                <swiper-item>
                    <view class="fix pl5 pr5 box_bb" bindtap="goMealDetail" data-id="{{item.id}}">
                        <!--<navigator url="">-->
                            <image class="banner mt10 {{currentBannerIndex==index?'active':''}}" src="{{item.pic}}" mode="aspectFill" />
                            <text>{{item.address}}   {{item.time}}</text>
                        <!--</navigator>-->
                    </view>
                </swiper-item>
            </block>
        </swiper>
        <view class="bannerDots flex_c abs">
            <view class="dot {{currentBannerIndex==index?'active':''}}" wx:for="{{banner}}" wx:key="index"></view>
        </view>
    </view>

    <!--足迹-->
    <view class="record-box">
        <image src="../../images/zuji@2x.png"></image>
        <text>他们的足迹</text>
    </view>

    <!--瀑布流-->
    <view class="masonry-box">
        <masonry bind:go-detail="goActivityDetail" generic:masonry-item="img-box" id="masonry" interval-width="20rpx"></masonry>
    </view>

    <!--底部tab-->
    <import src="/templates/templates.wxml" />
    <template is="tabBar" data='{{...tabcurrent}}' />
    <!--swiper-->
    <!--<view class="banner-box">-->
        <!--<swiper indicator-dots="{{true}}"-->
                <!--autoplay="{{true}}" interval="3000" duration="1000">-->
            <!--<block wx:for="{{banner}}" wx:key="index">-->
                <!--<navigator url="{{item.url}}" hover-class="navigator-hover">-->
                    <!--<swiper-item class="banner-item">-->
                        <!--<image src="{{item.image}}" class="slide-image"/>-->
                    <!--</swiper-item>-->
                <!--</navigator>-->
            <!--</block>-->
        <!--</swiper>-->
    <!--</view>-->
    <!--去答题弹框-->
    <view class="input-box"  wx:if="{{is_showAnswer}}" catchtouchmove="disableScroll">
        <image class="sorry-img" src="../../images/sorry@2x.png"></image>
        <view class="title">目前只对</view>
        <view class="title">首批会员开放发布功能</view>
        <view class="tips">答题后可能获得第一批次入场卷</view>
        <view class="answer-btn" catchtap="goAnswer">答题</view>
    </view>
    <view class="modal_box" wx:if="{{is_showAnswer}}" bindtap="handleBackground" catchtouchmove="disableScroll"></view>
    <!--去完善个人信息弹框-->
    <view class="input-box"  wx:if="{{is_showUserInfo}}" catchtouchmove="disableScroll">
        <image class="sorry-img" src="../../images/user_info@2x.png"></image>
        <view class="title">为了更好的体验</view>
        <view class="title">请先完善个人信息</view>
        <view class="answer-btn" bindtap="goUserInfo">完成</view>
    </view>
    <view class="modal_box" wx:if="{{is_showUserInfo}}" bindtap="handleBackground" catchtouchmove="disableScroll"></view>
    <!--发布-->
    <view class="release-btn-box" wx:if="{{is_showRelease}}">
        <view class="left-btn"  bindtap="releaseMeal">
            <image src="../../images/pincan@2x.png"></image>
            <view class="text">发布拼餐</view>
        </view>
        <view class="right-btn" bindtap="releaseActivity">
            <image src="../../images/pinhuodong@2x.png"></image>
            <view class="text">发布拼活动</view>
        </view>
    </view>
    <view class="modal_box" wx:if="{{is_showRelease}}" bindtap="handleBackground" catchtouchmove="disableScroll"></view>
</view>