<view class="healthy-card-info-container">
  <view class="healthy-card-layer">
    <image class="healthy-card-background" src="{{cardBackground}}" />
    <view
      class="user-info-container"
      style="{{!!userInfoTop?('top:'+(userInfoPositionTop/50)+'rem'):''}}"
    >
       <view class="user-name">
         {{cardInfo.userName || '用户姓名'}}
       </view>
       <view class="user-id-card">
         {{cardInfo.idCard || '用户身份证号码'}}
       </view>
    </view>
    <view class="qrcode-container">
      <image
        class="qr-code-image"
        src="{{cardInfo.qrCodeUrl}}"
      />
      <view class="qrcode-code-icon-container" a:if="{{cardInfo.qrCodeImageUrl}}">
        <image src="{{cardInfo.qrCodeImageUrl}}" />
      </view>
    </view>
  </view>
  <view class="buttons-container">
    <button class="cus-button {{time !== 0 ? 'disabled' : 'red'}}" onTap="refreshCard">
      {{time === 0 ? '刷新健康卡' : `${time}s`}}
    </button>
    <view class="cus-button blue" onTap="toDetail">
      <text>健康卡详情</text>
    </view>
  </view>
</view>
