<!--pages/find/mall/mall.wxml-->
<!-- 搜索框 -->
  <!-- <view class='search'>
     <view class='searchs'>
         <image src='../../images/icon/search.png'></image> 
         <view class='ins'>
            <input type='text' placeholder='搜索商品' bindinput='bindinput' class='inputs' placeholder-class='inputs' bindtap='search'></input>
         </view>
     </view>
  </view> -->

  <!-- 轮播图 -->
  <swiper indicator-dots="{{indicatorDots}} " autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="	Gainsboro" indicator-active-color="#5FAFB0" style="height:196px;">
    <block wx:for="{{swipers}}" wx:key="unique">
      <swiper-item>
        <image src="{{item.img}}" class="slide-image" mode="aspectFill" />
      </swiper-item>
    </block>
  </swiper>
<!-- 筛选导航 -->
<view class='nav-wrap'>
   <block wx:for="{{tabs}}" wx:key="unique">
  <view class='nav-item flex-row a-center j-center rpx32  {{current==index?"activeColor":""}}' bindtap='tabIndex' data-index="{{index}}">
        {{item}}
        <image src='../../images/icon/sort.png' class='sort-image' wx:if="{{current!=index }}"></image>
        <image src='../../images/icon/sort-aes.png' class='sort-image' wx:elif='{{current==index && orderBy == 1}}'></image>
        <image src='../../images/icon/sort-des.png' class='sort-image'  wx:elif='{{current==index && orderBy == 0}}'></image>
      </view>
   </block>
</view>

<!-- 商品 -->
<!-- <view class='allshops'>
   <block wx:for="{{jifenlists}}" wx:key="unique">
    <view class='goods-item' catchtap='storedetails' data-id='{{item.id}}' data-title='{{item.name}}'> 
      <image src='{{item.img}}' class='goods-image'></image>
      <view class='store_box'>
        <view class='left_box'>
          <view class='top'>{{item.name}}</view>
          <view class='bottom'>
            <view><image src='../../images/icon/jifen.png' class='jifenb'></image><text class='rpx32 jifen'>{{item.int}}</text><text class='hui rpx22'></text></view>
            <view class='rpx16'>{{item.sales_volume}}人已换购</view>
          </view>
        </view>
        <view class='right_box' catchtap='redemption' data-jf='{{item.int}}' data-id='{{item.id}}' data-name="{{item.name}}" data-img='{{item.img}}'>点击换购</view>
      </view>
    </view>
  </block>
</view> -->



<!--  new积分商品列表  -->
<view class='new_content'>
  <view class='new_box' wx:for="{{jifenlists}}" wx:key="unique">
    <view class='new_box_left'>
      <view class='new_box_img'><image src='{{item.img}}'></image></view>
      <view class='new_box_introduce'>
        <view class='new_box_title'>{{item.name}}</view>
        <view class='new_box_sales'>sold {{item.sales_volume}}</view>
        <view class='new_integral'>
          <view class='integral_img'><image src='/images/icon/jifen.png'></image></view>
          <view class='integral_num'>{{item.int}}</view>
        </view>
      </view>
    </view>
    <view class='new_box_right'>
      <view class='new_box_btn' catchtap='redemption' data-jf='{{item.int}}' data-id='{{item.id}}' data-name="{{item.name}}" data-img='{{item.img}}'>Select</view>  
    </view>
  </view>
</view>



<!-- 
<view class='goods-content'>
          <view class='rpx30 goods-title'>
          {{item.name}}
          </view>
          <view class='flex-row a-center j-center rpx26 jifen-kuang'>
            <image src='../../images/icon/jifen.png' class='jifenb'></image><text class='rpx32 jifen'>{{item.int}}</text><text class='hui rpx22'>积分兑换</text>
          </view>
          <view class='huangou'>
             <view class='jf_left'>
               {{item.sales_volume}}人已换购
             </view>
             <view class='jf_right'  catchtap='redemption' data-jf='{{item.int}}' data-id='{{item.id}}' data-name="{{item.name}}" data-img='{{item.img}}'>
              点击换购
             </view>
          </view>
      </view> -->





<!-- 遮罩层 -->
<view class='zzc' wx:if="{{showaddress}}"  catchtap='showplay'>
   <view class='zzc_cons' catchtap='preventClose'>
      <!-- 收货信息 -->
      <view class='receiv_title'>
          Receipt information
      </view>
      <view class='receiving'>
        <view class='receiving_left'>
        <image src='{{img}}' mode='aspectFill'></image>
        </view>
        <view class='receiving_right'>
            <view class='receiving_right_up'>
             {{title}}
            </view>
            <view class='receiving_right_down'>
              {{jf}}
            </view>
        </view>
      </view>
        <!-- 姓名 -->
       <view class='xm_left'>
           <view class='xm_left_l'>
              name
            </view>
            <view class='xm_left_r'>
              <input type='text' bindinput='name' placeholder='Enter your name' value='{{name}}'></input>
            </view>
       </view>
       <!-- 手机号 -->
       <view class='xm_left'>
           <view class='xm_left_l'>
              phone
            </view>
            <view class='xm_left_r'>
              <input type='number' bindinput='phone' placeholder='Enter your phone' maxlength='11' value='{{phone}}'></input>
            </view>
       </view>
       <!-- 地址 -->
       <view class='xm_left'>
           <view class='xm_left_l'>
              Receiving address
            </view>
            <view class='xm_left_r'>
             <view class="section">
                <!-- <view class="section__title">省市区选择器</view> -->
                <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
                  <view class="picker">
                    {{region[0]}}，{{region[1]}}，{{region[2]}}
                  </view>
                </picker>
              </view>
            </view>
       </view>
       <!-- 详情地址 -->
       <view class='xm_left'>
           <view class='xm_left_l'>
              Detailed address
            </view>
            <view class='xm_left_r'>
              <input type='text' bindinput='address' placeholder='请填写详情地址' value='{{address}}'></input>
            </view>
       </view>

       <view class='tj' catchtap='order_tj'>submit</view>
   </view>
</view>