<view class="ab-get-card-content">
   <view class="card-position">
      <view class="card-flex" onTap="onJumpAreaSelect">
         <view class="pub-icon">
            <view class="card-icon"></view>
         </view>
         <view class="card-title" a:if="{{currentCourt&&currentCourt.name}}">{{currentCourt.name}}</view>
         <view class="card-title"a:else>选择小区</view>
      </view>
      <view class="card-title2" a:if="{{userInfo.userName}}">你好，{{userInfo.userName}}</view>
   </view>
   <view class="card-image" a:if="{{!componentData.componentExtInfo.memberInfo.flag}}" style="{{
      componentData.componentExtInfo.noGetCardImg ?
      `backgroundImage: url(${ componentData.componentExtInfo.noGetCardImg.length ==32 ? imgSrcPrefix + componentData.componentExtInfo.noGetCardImg : componentData.componentExtInfo.noGetCardImg})` :
      `backgroundColor: #fff`}}">
      <view class="card-info">
         <view class="card-info-title">电子会员卡</view>
         <view class="card-info-title2">我的专属生活服务</view>
      </view>
      <view class="get-cards" onTap="addCard">立即领卡</view>
   </view>

   <view class="card-image" a:else
   style="{{
      componentData.componentExtInfo.getCardImg ?
      `backgroundImage: url(${ componentData.componentExtInfo.getCardImg.length ==32 ? imgSrcPrefix + componentData.componentExtInfo.getCardImg : componentData.componentExtInfo.getCardImg})` :
      `backgroundColor: #fff`}}" 
      onTap="goToCardDetail"
      data-memberInfo="{{componentData.componentExtInfo.memberInfo}}">
      <view class="card-info">
         <view class="card-info-title">电子会员卡</view>
         <view class="card-info-title2">我的专属生活服务</view>
      </view>
      <view class="card-number">{{componentData.componentExtInfo.memberInfo.cardNo}}</view>
   </view>
</view>