<!-- 卡组件 -->
<view
  class="new-member-card-container"
  a:if="{{componentData.componentType === 'newMemberCardComponent'}}"
>
<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>
  <view
    class="box"
    style="{{
        `backgroundImage: url(${componentData.componentExtInfo.memberInfo.flag ? geted:noGet})`}}"
  >
    <view
      class="no-member card"
      data-index="{{componentData.componentExtInfo.memberInfo.index}}"
      onTap="addCard"
      a:if="{{!componentData.componentExtInfo.memberInfo.flag&&!showRightMiddle}}"
    >
      <!-- <view class="card-info">
        <view class="card-title">
          <text
            number-of-lines="1"
            class="title text-center"
          >{{componentData.componentTitle}}</text>
        </view>
        <view class="desc">{{componentData.componentDesc}}</view>
      </view> -->
      <view class="join"  style="{{`color:${noCardShowBtnDeteil.noGetCardValueFontColor}`}}"  a:if="{{noCardShowBtnDeteil.noGetCardShowBtn !== 'N' }}"> 加入会员
      </view>
    </view>

    <button-auth
      item="{{buttonItem}}"
      a:elif="{{!componentData.componentExtInfo.memberInfo.flag&&showRightMiddle}}"
    >
      <view class="no-member card">
        <!-- <view class="card-info">
          <view class="card-title">
            <text
              number-of-lines="1"
              class="title text-center"
            >{{componentData.componentTitle}}</text>
          </view>
          <view class="desc">{{componentData.componentDesc}}</view>
        </view> -->
        <view class="join" style="color:{{noCardShowBtnDeteil.noGetCardValueFontColor}};
        background:{{noCardShowBtnDeteil.noGetCardBtnColor}};backgroundImage: url({{noCardShowBtnDeteil.noGetCardImg}});
        backgroundSize:100% 100%;"
        a:if="{{noCardShowBtnDeteil.noGetCardShowBtn !== 'N' }}">{{noCardShowBtnDeteil.noGetCardImgText}}</view>
      </view>
    </button-auth>
    <view
      class="has-member card"
      data-memberInfo="{{componentData.componentExtInfo.memberInfo}}"
      onTap="goToCardDetail"
      a:else
    >
      <view
        class="card-link"
        a:if="{{cardShowBtnDeteil.getCardImgShowBtn !== 'N' }}"
        style="color:{{cardShowBtnDeteil.getCardImgValueFontColor}};
        background:{{cardShowBtnDeteil.getCardImgBtnColor}};backgroundImage: url({{cardShowBtnDeteil.getCardImg}});
        backgroundSize:100% 100%;"
      >{{cardShowBtnDeteil.getCardImgText}}</view>
      <view class="member-top">
        <view class="atvar">
          <image
            class="size"
            src="{{componentData.componentIcon ? (componentData.componentIcon.length==32 ? imgSrcPrefix + componentData.componentIcon : componentData.componentIcon) : defaultAtvar}}"
            lazy-load="{{false}}"
          />
        </view>
        <view class="card-info">
          <view class="card-title">
            <text
              class="title text-center"
              number-of-lines="1"
            >{{componentData.componentTitle}}</text>
            <text
              class="vip"
              a:if="{{componentData.componentExtInfo.showLevel === 'Y' && componentData.componentExtInfo.memberInfo.level}}"
            >
              {{componentData.componentExtInfo.memberInfo.level}}</text>
          </view>
          <view class="member-info">
            <view class="member">
              <text
                class="balance text-center"
                a:if="{{componentData.componentExtInfo.showBlance === 'Y' && componentData.componentExtInfo.memberInfo.balance}}"
              >余额：{{componentData.componentExtInfo.memberInfo.balance}}元</text>
              <text
                class="balance text-center"
                a:if="{{componentData.componentExtInfo.showPoint === 'Y' && componentData.componentExtInfo.memberInfo.point}}"
              >积分：{{componentData.componentExtInfo.memberInfo.point}}</text>
            </view>
            <view class="cardId member">NO：{{componentData.componentExtInfo.memberInfo.cardNo}}
            </view>
          </view>
        </view>
      </view>

    </view>
    <view
      class="member-footer"
      onSubmit="onSubmit"
      report-submit="{{true}}"
      a:if="{{serviceList.length}}"
    >
      <block a:for="{{ serviceList.slice(0,3) }}">
        <button-auth
          className="link"
          item="{{item}}"
        >
          {{item.name}}
        </button-auth>
        <view
          class="line"
          a:if="{{index !== serviceList.slice(0,3).length - 1}}"
        ></view>
      </block>
    </view>
  </view>
</view>