<!--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="picker" bindtap="chooseCity" value="{{current_city}}" range="{{city_picker_list}}"
                  class="picker">
                <view class="left">
                    <view class="iconfont icon-location"></view>
                    <text>{{city}}</text>
                    <view class="iconfont icon-arrow-down"></view>
                </view>
            </view>
            <view class="right" bindtap="search">
                <view class="input"></view>
                <image src="../../images/search@2x.png" class="search-icon"></image>
                <!--<view class="iconfont icon-arrow-down"></view>-->
            </view>
        </view>
        <view class="section {{is_show_city?'visible-active':'hidden-active'}}" wx:if="{{is_show_city}}">
            <scroll-view class="area_box {{is_long_screen?'add-height-left':''}}" scroll-y>
                <block wx:for="{{city_picker_list}}" wx:key="index">
                    <view class="area-test" data-index="{{index}}" wx:for-index="idx" bindtap="chooseDomesticCity"
                          data-id="{{item.id}}">
                        <view class="area">{{item}}</view>
                    </view>
                </block>
            </scroll-view>
            <scroll-view class="area_box {{is_long_screen?'add-height-left':''}}" scroll-y>
                <block wx:for="{{Abroad_city_picker_list}}" wx:key="index">
                    <view class="area-test" data-index="{{index}}" wx:for-index="idx" bindtap="chooseAbroadCity"
                          data-id="{{item.id}}">
                        <view class="area">{{item}}</view>
                    </view>
                </block>
            </scroll-view>
        </view>
        <view class="modal_box" wx:if="{{is_show_city}}" bindtap="handleBackground" catchtouchmove="disableScroll"></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">
                    <!--<view class="navigator" bindtap="navigator">-->
                    <swiper-item>
                        <image src="{{item.pic}}" class="slide-image"/>
                        <!--<image src="http://pk86rwhci.bkt.clouddn.com/banner.png" class="slide-image"/>-->
                    </swiper-item>
                    <!--</view>-->
                </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="{{false}}" interval="3000" duration="2000" circular="{{true}}"
                previous-margin="50rpx" next-margin="50rpx" bindchange="bannerChange" current="{{currentBannerIndex}}">
            <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.title}} {{item.listTime}}</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>


    <!--分数>=80弹框-->
    <view class="input-box score-box" wx:if="{{show_gold_modal}}" catchtouchmove="disableScroll">
        <image class="sorry-img gold-img" src="../../images/gold@2x.png"></image>
        <view class="title text">恭喜您</view>
        <view class="title text">获得首批入场卷</view>
        <view class="tips text">并得到一枚金火柴等级勋章</view>
        <view class="tips share-text">将喜悦分享给好友</view>
        <view class="share-box">
            <view class="answer-btn close" catchtap="close">完成</view>
            <button class="answer-btn share" open-type="share">去分享</button>
        </view>
    </view>
    <view class="modal_box" wx:if="{{show_gold_modal}}" bindtap="handleBackground"
          catchtouchmove="disableScroll"></view>

    <!--分数<80弹框-->
    <view class="input-box score-box normal-box" wx:if="{{show_normal_modal}}" catchtouchmove="disableScroll">
        <image class="sorry-img img" src="../../images/achieve-answer-img@2x.png"></image>
        <view class="title text margin">恭喜您获得入场卷</view>
        <view class="title text margin">等待开放权限</view>
        <view class="answer-btn close close-btn" catchtap="close">随便看看</view>
    </view>
    <view class="modal_box" wx:if="{{show_normal_modal}}" bindtap="handleBackground"
          catchtouchmove="disableScroll"></view>
</view>