<view class='list-box'>
  <view class='top-nav'>
    <view class='left-btn'>
      <text bindtap='setShow'>{{dropdown[dropdownActive].name}}</text>
      <image mode='widthFix' src='../../../images/group/bx.png'></image>
    </view>
    <view class='right-nav'>
      <scroll-view scroll-x style="width: 100%;white-space: nowrap;padding-right: 80rpx;padding-left: 147rpx;">
        <view class='bottom-nav'>
          <view wx:for="{{TitList}}" class='{{active == index ? "active" : ""}}' wx:for-item="item" wx:for-index="index" wx:key="index" id="active{{index}}" bindtap='setActive'>
            {{item.name}}
          </view>
        </view>
      </scroll-view>
    </view>
    <view wx:if="{{tagBoxShow}}" class='tab-box'>
      <text wx:for="{{dropdown}}" bindtap='setActiveTag' class='tag{{index}} {{dropdownActive == index ? "active" : ""}}' wx:for-item="item" wx:for-index="index" wx:key="index" id="active{{index}}">{{item.name}}</text>
    </view>
  </view>
  <scroll-view class='data_body' scroll-y bindscrolltolower="scrollGetMore">
    <view wx:for="{{dataList}}" wx:for-index="index" wx:for-item="item" wx:key="index" class='item {{item.couponEffectStatus!=1? "guoqi" :""}}'>
      <view class='left' style="background: url({{item.couponEffectStatus!=1? '../../../images/menber/quanbg_8.png' : '../../../images/menber/quanbg_0'+ item.couponsUseScope +'.png'}}) no-repeat; background-size: 100% 100%;">
        <view class='coupom_type' wx:if="{{item.couponsType == 1}}">
          <view class='price' >
            ￥<text>{{item.denomination}}</text>
          </view>
          <view class='text'>
            <text>抵扣券</text> 
          </view>
        </view>
        <view class='coupom_type' wx:else>
          <view class='price'>
            <text>{{item.denomination}}</text>折
          </view>
          <view  class='text'>
            <text>折扣券</text> 
          </view>
        </view>
      </view>
      <view class='right'>
        <view>
          <text class='tit'>{{item.couponsName}}</text>
          <block>
            <text class='tag tag{{item.couponsUseScope}}' wx:if="{{item.couponsUseScope == 1}}">通用</text>
            <text class='tag tag{{item.couponsUseScope}}' wx:if="{{item.couponsUseScope == 2}}">跟团游</text>
            <text class='tag tag{{item.couponsUseScope}}' wx:if="{{item.couponsUseScope == 3}}">签证</text>
            <text class='tag tag{{item.couponsUseScope}}' wx:if="{{item.couponsUseScope == 4}}">机票</text>
          </block>
        </view>
        <view>
          <text class='line'>{{item.lineName}}、{{item.lineTeamName}}</text>
        </view>
        <view class='last_row'>
          <text class='time'>{{item.effectDate}}-{{item.expirationDate}}</text>
          <form bindsubmit="formSubmit" report-submit> 
            <button hover-class="btn-hover" form-type="submit" data-type="{{item.couponsUseScope}}">
              <text class='shiyong shiyong{{item.couponsUseScope}}'>去使用</text>
            </button>  
          </form>
        </view>
      </view>
    </view>
    <view class='body_footer'>{{pageIndex >= totalPage ?  '没有更多了...' : '上拉获取更多数据'}}</view>
  </scroll-view>
</view>