<popup show="{{show}}" bind:close="close">
<view class="font16 vouche-temp-title white-bg">选择现金券</view>
<view class="vouche-tabs font14">
  <view class="vouche-item {{tabStatus==1?'tabs-bottom-line':''}}" bindtap="tabsChange" data-status="1">可使用现金券</view>
  <view class="vouche-item {{tabStatus==0?'tabs-bottom-line':''}}" bindtap="tabsChange" data-status="0">不可使用现金券</view>
</view>
<scroll-view scroll-y class="scroll-wrap" bindscrolltolower="onbottom">
<radio-group class="list-block" bindchange="radioChange">
  
  <view class='noData' hidden='{{list.length > 0 ? true : false}}'><text class="icon icon-info"></text><text>暂无现金券</text></view>
  <view hidden='{{list.length > 0 ? false : true}}' class="{{item.canUse == 1 ? 'voucher-boxs':'voucher-boxs-disabled'}}" wx:for-items="{{list}}" wx:key="unique">
    <label>
      <view class='voucher-top'><image src='https://img.bbztx.com/image_test/upload/thumbs/20221031/logo/1667196746213097191.png'></image></view>
      <view class='voucher-content item-content'>
      <view class="vouche-bg"></view>
        <view class='item-text'>
          <text class="font18" class="{{tabStatus==1?'subtitleColor':'gray'}}">
            <text wx:if="{{item.type != 3}}" class="font18">￥</text>
            <text class="font30">{{item.price}}</text>
            <text wx:if="{{item.type == 3}}" class="font18">折</text>
          </text>
          <view class='expiretime'>有效期至{{item.expireTimeDesc}}</view>
          <view class="font10 desc">
            {{item.articleType==1?'商品费':'活动费'}}满{{item.lowestPrice}}元可用{{item.articleType==1?'':'，限儿童'}}<text wx:if="{{item.name}}">，限<text style="font-weight:600">{{item.name}}</text></text><text>，{{item.description}}</text>
            <view class="subtitleColor" style="font-weight:600" wx:if="{{tabStatus!=1}}">不可用原因：{{item.reason}}</view>
          </view>
        </view>
        <view class="item-after">
          <radio color='#EE3A43' value='{{item.vid}}'checked="{{item.vid == selectId}}" hidden="{{item.status == 1 && item.canUse == 1 ? false:true}}"></radio>
        </view>
      </view>
      <view class='voucher-bottom'></view>
    </label>
  </view>
</radio-group>
<view class='load-more' hidden='{{isLoadMore}}'>下面没有了哦</view>
</scroll-view>
<button class="font14 button button-white" bindtap="notUse">不使用现金券</button>
</popup>
