
<view class="modal-container{{show ? ' active' : ''}}" bindtap="hidePopup"></view>
<view class="modal-content{{show ? ' active' : ''}}">

  <view class="modal-header">
    <image src="/assets/imgs/7_1_0/arrow-right.png" class="modal-to-back" mode="widthFix"></image>
    <text class="modal-title">选择优惠券</text>
    <image class="modal-close" mode="widthFix" src="/assets/imgs/7_1_0/close.png" bindtap="hidePopup"></image>
  </view>

  <view class="modal-info">
    <view class="coupon-list" bindtap="selectCoupon">
      <image wx:if="{{false}}" class="coupon-bg" src="/assets/imgs/7_1_0/coupon-bg.png" mode="widthFix"></image>
      <image class="coupon-bg" src="/assets/imgs/7_1_0/disabled-coupon.png" mode="widthFix"></image>
      <view class="coupon-info">
        <view class="left-price">
          <view class="top-price">
            <text>￥</text>
            <text class="amount">50</text>
          </view>
          <view class="bottom-desc">
            满99可用
          </view>
        </view>

        <view class="right-info">
          <view class="coupon-title">新人礼包劵</view>
          <view class="coupon-time">有效期</view>
          <view class="coupon-desc">拼团及特殊商品不可用</view>
        </view>

        <view class="select-radio">
          <view class="{{isSelect ? 'theme-color' : ''}} coupon-radio"  >
            <image wx:if="{{isSelect}}" class="tick-success" src="/assets/imgs/7_1_0/tick-success.png" mode="widthFix"></image>
          </view>
        </view>
      
      </view>
    </view>
    <view class="empty-coupon">
      暂无可用优惠券
    </view>
  </view>
 

</view>
