reader/components/voucher/index.wxml

<view class="voucherBox" catchtouchmove='true' wx:if="{{state}}">
  <view class="voucher">
    <view class="body">
      <view class="title" style="margin-top: 24rpx;">
        恭喜您获得{{preferential/100}}元抵用卷
      </view>
      <view class="title" style="margin:26rpx 0rpx 50rpx;">
        快去使用
      </view>
      <image src="/static/hongbao.png" class="hongbao" />
      <view class="info">
        <view class="row">
          <view class="row-left">现价：{{(type=='7'?productVip.price-preferential:productNum.price-preferential)/100}}元
          </view>
          <view class="row-right">
            <image src="/static/hongbao.png" class="hongbao-mini" />-{{preferential/100}}元
          </view>
        </view>
        <view class="row" style="margin-top: 14rpx;">
          <view class="row-left oldMoney">原价：{{(type=='7'?productVip.price:productNum.price)/100}}元</view>
          <view class="row-right newMoney">
            实际支付{{(type=='7'?productVip.price-preferential:productNum.price-preferential)/100}}元
          </view>
        </view>
      </view>
      <view class="btn" catchtap="getVoucher">{{voucherType?'立即使用':'领取使用'}}</view>
      <view class="tips">领取后在24小时内使用，过期作废</view>
    </view>
    <image src="/static/lollipop.png" class="close" catchtap="close" />
  </view>
</view>