payProject/components/local/couponItem/couponItem.wxml

<view class="component-coupon-item flex-justify-center flex-column {{couponStatus == 0 ? '' : 'invalid' }}">
  <view class="coupon-item-mark">{{marks[item.coupon_type]}}</view>
  <view class="coupon-item-content" bindtap="clickItem" data-id="{{item.id}}">
    <view class="coupon-item-money">
      <view class="coupon-item-money-detail flex-row justify-between" style="margin-top: 30rpx;" wx:if="{{item.coupon_type == 3 || item.coupon_type == 4}}">
        <text class="yuan" style="font-size: 44rpx">全免</text>
      </view>
      <view class="coupon-item-money-detail flex-row justify-between {{item.coupon_type == 2 ? 'line2' : ''}}" wx:else>
        <text class="currency">¥</text>
        <text class="yuan-price">{{item.price}}</text>
        <!-- <text class="fen">.00</text> -->
      </view>
      <text class="coupon-item-limit-text ellipsis" wx:if="{{item.coupon_type == 2}}">满{{item.full_price}}元可用</text>
    </view>
    <view class="coupon-item-title flex-col justify-between flex1">
      <text class="ellipsis">{{item.coupon_name}}</text>
      <text class="coupon-time ellipsis">有效期{{item.ex_time}}</text>
    </view>
    <view wx:if="{{!source&&couponStatus==0}}" class="coupon-item-btn1 flex-col justify-center align-center" catchtap="check" data-id="{{item.id}}">
      去使用 
    </view>
    <view wx:elif="{{source=='checkbox'}}" class="coupon-item-btn2 flex-col justify-center align-center" catchtap="check" data-id="{{item.id}}">
      <image src="{{checkStatus ? '/images/icon_17.png' : '/images/icon_16.png'}}"></image>
    </view>
  </view>
  <!-- 0待使用，1已使用，2已过期 -->
  <image class="coupon-item-status-icon" wx:if="{{couponStatus == 1 || couponStatus == 2}}" src="{{couponStatus == 1 ? '/images/my/icon_coupon_used.png' : '/images/my/icon_coupon_expired.png'}}"></image>
  <view class="coupon-item-line flex-col"></view>
  <view class="coupon-item-rules flex-row flex-center" bindtap="clickRuleText">
    <text class="coupon-item-rules-text {{showRuleText ? ' rules-show ' : ' ellipsis '}}">{{item.coupon_desc}}</text>
    <view class="flex-center" style="justify-content: flex-end;">
      <image style="{{showRuleText ? 'transform: rotate(180deg);' : ''}}" src="{{couponStatus == 0 ? '/images/icon_arrow_2.png' : '/images/icon_arrow_gray.png'}}"></image>
    </view>
  </view>
</view>