<scroll-view scroll-y="true" style="height:100%" bindscroll="scroll">
  <view class='page'>
    <view class='top'>
      <navigator class='search_box' url="/pages/search/search">
        <image src='/images/search.png' class='search_icon'></image>
        <input class='real_search' placeholder='搜索您想要的商品'></input>
      </navigator>
    </view>

    <!-- 轮播图 -->
    <view class="lunbo_box {{stick==1?'boxactive':''}}">
      <swiper interval="{{interval}}" duration="{{duration}}" circular="{{circular}}" current='{{current}}' bindchange='swiperChange' autoplay="{{autoplay}}" class='swiper_box'>
        <swiper-item class='swiper-item' wx:for="{{imgurl}}" wx:key="index">
          <image src='{{item.image}}' mode="aspectFill" data-id="{{item.thing_id}}" data-style="{{item.style}}" data-src="{{item.thing_id}}" catchtap="{{item.thing_id == 0?'':'look_more'}}" />
        </swiper-item>
      </swiper>
      <view class="dots">
        <block wx:for="{{imgurl}}" wx:key="index">
          <view class="dot {{zcurrent == index ? 'active':''}}"></view>
        </block>
      </view>
    </view>
    <!-- 劳保 -->
    <view class="fenlei">
      <view class="fenleiitem">
        劳保商城
      </view>
      <view class="fenleiitem">
        差旅
      </view>
    </view>
    <!-- 活动区域 -->
    <view class="actity">
      <view class="miaoshatop flextwo">
        <view class="miaoshatopleft flexone">
          <view class="miaoshaoname">活动专区</view>

        </view>

      </view>

      <view class="active flexone">

        <view wx:for="{{activity}}" wx:key="" bindtap="seeactive" data-id="{{item.id}}">
          <view class="activeitem">
            <image src="{{item.image}}"></image>
          </view>
          <view class="activename">{{item.name}}</view>
        </view>




      </view>
    </view>

    <!-- 秒杀商城 -->

    <view class="miaosha">
      <view class="miaoshatop flextwo">
        <view class="miaoshatopleft flexone">
          <view class="miaoshaoname">限时抢购</view>
          <view class="hourgou">倒计时{{day}}天 {{hou}}：{{min}}：{{sec}}</view>
        </view>
        <view class="miaosharight" bindtap="moremiao">
          查看更多>
        </view>
      </view>

      <view class="miaoshalist">
        <view class="miaoshalistitem" wx:for="{{xianshilist}}" wx:key="">
          <view class="goodimg">
            <image src="{{item.images[0]}}"></image>
          </view>
          <view class="price">{{item.price}}</view>
          <!-- <view class="oldprice">{{item.price}}</view> -->
        </view>

      </view>


    </view>




    <!-- 公告栏 -->
    <navigator class="notice" url="../notice/notice">
      <image src="/images/notice.png" class="notice_tips" />
      <view class="notice_word">
        <view class="notice_item" wx:for="{{notice}}" wx:key="index" wx:if="{{index<2}}">
          <view class="dian" />
          <view class="word">{{item.desc}}</view>
          <view class="time">{{item.createtime}}</view>
        </view>
      </view>
    </navigator>

    <!-- 大分类 -->
    <view class="flexone {{stick==1?'navactive':''}}">
      <view class="horizontal_nav ">

        <view class="nav_item {{nav_index == index?'active':''}}" wx:for="{{nav_arr}}" wx:key="index" bindtap="select_nav" data-index="{{index}}" data-id="{{item.id}}">{{item.name}}</view>


      </view>

      <view class="morebox" bindtap="more">
        <view class="moreimg">
          <image src="/images/more.png"></image>
        </view>
      </view>
    </view>



    <!-- 小分类 -->
    <view class='list'>
      <view class='list_item' wx:if="{{index < length_num}}" wx:for="{{class_arr}}" wx:key="index" data-id="{{item.id}}" data-index="{{index}}" catchtap="look_item">
        <view class='item'>
          <view class='item_img'>
            <image src='{{item.image}}' mode='aspectFill' />
          </view>
          <view class='item_font'>{{item.name}}</view>
        </view>
      </view>
      <view class='list_item' data-type="1" catchtap="show_all" wx:if="{{class_arr.length>9}}">
        <view class='item'>
          <view class='item_img'>
            <image src='/images/all.png' />
          </view>
          <view class='item_font'>{{length_num == 9?'查看全部':'收起'}}</view>
        </view>
      </view>
    </view>


    <view class='select_box'>
      <view class='select_item {{c_index == 0?"active":""}}' data-index="0" bindtap='reorder'>默认</view>
      <view class='select_item {{c_index == 1?"active":""}}' data-index="1" bindtap='reorder'>价格
        <view class='select_img'>
          <image src="{{c_index == 1?'/images/select_active.png':'/images/select.png'}}" class='select_img_no_choose' />
        </view>
      </view>
      <view class='select_item {{c_index == 2?"active":""}}' data-index="2" bindtap='reorder'>销量
        <view class='select_img'>
          <image src="{{c_index == 2?'/images/select_active.png':'/images/select.png'}}" class='select_img_no_choose' />
        </view>
      </view>
    </view>

    <view class='real_goods'>
      <Model_item list="{{shop_arr}}" />
    </view>
    <concat/>
  </view>
</scroll-view>