challengeFamily/pages/account/safe/index.wxml

<radio-group class="list-block" bindchange="radioChange">
  <view class='no-voucher' hidden='{{data.meals ? false:true}}'>
    <label class='item-content'>
      <view class='item-text'>暂不使用现金券</view>
      <view class="item-after">
        <radio color='#EE3A43' wx:if="{{!selectId}}" checked value='-1'></radio>
        <radio color='#EE3A43' value='-1' wx:else></radio>
      </view>
    </label>
  </view>
  <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="*this">
    <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='item-text'>
          <view>
          <text class="subtitleColor"><text class="font18" wx:if="{{item.type!=3}}">￥</text><text class="font30">{{item.price}}</text><text wx:if="{{item.type==3}}" class="font18">折</text></text>
          <button bindtap="goUse" data-type="{{item.articleType}}" data-vid="{{item.vid}}" class='button button-warn' wx:if="{{item.status == 1}}">立即使用</button>
          <button bindtap="share" data-vid="{{item.vid}}" class='button button-warn' wx:if="{{item.giveStatus == 1}}">转赠</button>
          </view>
          <view class='expiretime'>有效期至{{item.expireTimeDesc}}</view>
          <rich-text nodes="{{item.articleType==1?'商品费':'活动费'}}满{{item.lowestPrice}}元可用，{{item.articleType==1?'':'限儿童，'}}{{item.name.length > 0 ? '限<b class=b>'+item.name+'</b>，':''}}{{item.description}}{{item.canUse == 0 ? '<br />不可用原因：'+item.reason:''}}" class='desc'></rich-text>
        </view>
        <view class="item-after" wx:if="{{item.status != 1}}">
          <text class="{{item.status == 2 ? 'use' : (item.status == 4 ? 'overdue' : (item.status == 6 ? 'invalid' : (item.status == 3 ? 'frozen':'')))}}"></text>
          <text class="icon icon-baby{{data.meals ? '':' after'}}"></text>
          <radio color='#EE3A43' value='{{item.vid}}'checked="{{item.vid == selectId}}" hidden='{{data.meals ? false:true}}' disabled="{{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>
<view class="mask" bindtap="close" wx:if="{{maskShow}}">
  <view class="maskBox">
    <view class="maskContent">
      <view class="maskTitle">温馨提示</view>
      <view class="maskTit">是否确认转赠给好友？</view>
    </view>
    <button open-type="share" class="maskBtn button button-white" catchtap="close">确定</button>
  </view>
</view>