<view class="page">
  <view class="app__bgc bgc"></view>
  <view class="app__bg bg"></view>
  <view class="decoration">
    <image class="d1" src="../../image/oss/my-card/my-card-d1.png" mode="widthFix" />
    <image class="d2" src="../../image/oss/my-card/my-card-d2.png" mode="widthFix" />
    <!-- <image class="d3" src="../../image/oss/question/question-c1.png" mode="widthFix" /> -->
  </view>
  <view class="app__content main">
    <view class="top-space"></view>
    <view class="content">
      <!-- 奖品名 -->
      <view class="tit">· {{couponInfo.name}} ·</view>
      <!-- 奖品 -->
      <view class="prize">
        <image class="ebg" mode="widthFix" src="../../image/oss/coupon-detail/cd-c2.png" />
        <view class="cont {{used?'used':''}}">
          <view class="space1"></view>
          <!-- 二维码 -->
          <view class="qrcode">
            <image wx:if="{{qrImagePath}}" class="image" mode="widthFix" src="{{qrImagePath}}" />
            <canvas wx:else canvas-id="qrcanvas" />
          </view>
          <view class="code">{{couponInfo.couponCode}}</view>
          <view class="info">
            <view class="c1">手机号：{{userInfo.mobile}}</view>
            <view class="c1">派券日期：{{couponInfo.startDateStr}}</view>
            <view class="c1">有效日期：{{couponInfo.endDateStr}}</view>
          </view>
        </view>
      </view>
      <!-- 使用说明 -->
      <view class="use-notice">
        <use-notice-comp></use-notice-comp>
      </view>
      <!-- 查看门店 -->
      <view bindtap="onNearbyStoreHandler" class="store-btn">查看可用门店</view>
    </view>
  </view>
</view>
<van-popup  show="{{ nearbyStoreVisible }}" position="bottom" bind:click-overlay="hideMask" safe-area-inset-bottom="{{false}}">
  <tips-nearby-store-comp id="nearbyStoreComp" bind:evtcomp="evtcomp" wish-info="{{wishInfo}}" location="{{location}}" selectedMode="{{false}}"></tips-nearby-store-comp>
</van-popup>