vouche.wxml 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <popup show="{{show}}" bind:close="close">
  2. <view class="font16 vouche-temp-title white-bg">选择现金券</view>
  3. <view class="vouche-tabs font14">
  4. <view class="vouche-item {{tabStatus==1?'tabs-bottom-line':''}}" bindtap="tabsChange" data-status="1">可使用现金券</view>
  5. <view class="vouche-item {{tabStatus==0?'tabs-bottom-line':''}}" bindtap="tabsChange" data-status="0">不可使用现金券</view>
  6. </view>
  7. <scroll-view scroll-y class="scroll-wrap" bindscrolltolower="onbottom">
  8. <radio-group class="list-block" bindchange="radioChange">
  9. <view class='noData' hidden='{{list.length > 0 ? true : false}}'><text class="icon icon-info"></text><text>暂无现金券</text></view>
  10. <view hidden='{{list.length > 0 ? false : true}}' class="{{item.canUse == 1 ? 'voucher-boxs':'voucher-boxs-disabled'}}" wx:for-items="{{list}}" wx:key="unique">
  11. <label>
  12. <view class='voucher-top'><image src='https://img.bbztx.com/image_test/upload/thumbs/20221031/logo/1667196746213097191.png'></image></view>
  13. <view class='voucher-content item-content'>
  14. <view class="vouche-bg"></view>
  15. <view class='item-text'>
  16. <text class="font18" class="{{tabStatus==1?'subtitleColor':'gray'}}">
  17. <text wx:if="{{item.type != 3}}" class="font18">¥</text>
  18. <text class="font30">{{item.price}}</text>
  19. <text wx:if="{{item.type == 3}}" class="font18">折</text>
  20. </text>
  21. <view class='expiretime'>有效期至{{item.expireTimeDesc}}</view>
  22. <view class="font10 desc">
  23. {{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>
  24. <view class="subtitleColor" style="font-weight:600" wx:if="{{tabStatus!=1}}">不可用原因:{{item.reason}}</view>
  25. </view>
  26. </view>
  27. <view class="item-after">
  28. <radio color='#EE3A43' value='{{item.vid}}'checked="{{item.vid == selectId}}" hidden="{{item.status == 1 && item.canUse == 1 ? false:true}}"></radio>
  29. </view>
  30. </view>
  31. <view class='voucher-bottom'></view>
  32. </label>
  33. </view>
  34. </radio-group>
  35. <view class='load-more' hidden='{{isLoadMore}}'>下面没有了哦</view>
  36. </scroll-view>
  37. <button class="font14 button button-white" bindtap="notUse">不使用现金券</button>
  38. </popup>