index.wxml 6.6 KB
<!--index.wxml-->
<view class="container">
    <!--swiper-->
    <view class="head">
        <view class="position">
            <view class="left">
                <view class="iconfont icon-location"></view>
                <text>北京</text>
                <view class="iconfont icon-arrow-down"></view>
            </view>
            <view class="right"  bindtap="search">
                <view class="input"></view>
                <view class="iconfont icon-arrow-down"></view>
            </view>
        </view>
        <swiper indicator-dots="{{true}}"
                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>

    <!--分类导航-->
    <view class="padding-box">
        <view class="navigator-box">
            <view class="img-box" wx:for="{{images}}" wx:key="index" bindtap="goTypeDetail" data-index="{{index}}">
                <image src="{{item.src}}"></image>
                <view class="text">{{item.text}}</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">
                            <text>{{item.name}}</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="{{banner}}" wx:key="index">
                <swiper-item>
                    <div class="fix pl5 pr5 box_bb" bindtap="goSpellDetail">
                        <!--<navigator url="">-->
                            <image class="banner mt10 {{currentBannerIndex==index?'active':''}}" src="{{item.image}}" mode="aspectFill" />
                            <text>Opera Bombana   2018.4.28</text>
                        <!--</navigator>-->
                    </div>
                </swiper-item>
            </block>
        </swiper>
        <div class="bannerDots flex_c abs">
            <div class="dot {{currentBannerIndex==index?'active':''}}" wx:for="{{banner}}" wx:key="index"></div>
        </div>
    </view>

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

    <!--瀑布流-->
    <view class="masonry-box">
        <masonry 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">答题</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">完成</view>
    </view>
    <view class="release-btn-box" wx:if="{{is_showUserInfo}}">
        <view class="left-btn">
            <image src="../../images/pincan@2x.png"></image>
            <view class="text">发布拼餐</view>
        </view>
        <view class="right-btn">
            <image src="../../images/pinhuodong@2x.png"></image>
            <view class="text">发布拼活动</view>
        </view>
    </view>
    <view class="modal_box" wx:if="{{is_showUserInfo}}" bindtap="handleBackground" catchtouchmove="disableScroll"></view>
</view>