<nav title="我的银行卡"></nav>
<ion-content class="notice_list">
  <div class="card_list">
    @if (account && account.bank && account.bank.length == 0 ) {
    <div>
      <img
        class="image"
        src="https://file-cloud.fmode.cn/uiZD6NisQm/20220810/1dgb16090145.png"
      />
      <div class="txt">暂无绑定银行卡</div>
    </div>
    } @if (account && account.bank && account.bank.length > 0 ) { @for (card of
    account.bank; track $index) {
    <div class="card">
      <div class="top">
        <img class="logo" src="{{ card.logo }}" alt="" />
      </div>
      <div class="info">
        <div class="card_no">{{ card.bankcard }}</div>
        <div class="bank_name">{{ card.bankname }}</div>
      </div>
    </div>
    } }
  </div>
  <ion-button class="add_btn" (click)="addCard()">添加银行卡</ion-button>
</ion-content>
<ion-modal
  trigger="open-modal"
  [isOpen]="isModalOpen"
  (didDismiss)="isModalOpen = false"
>
  <ng-template>
    <ion-toolbar>
      <ion-buttons slot="start">
        <ion-button (click)="changeCityCancel('cancel')">取消</ion-button>
      </ion-buttons>
      <ion-buttons slot="end">
        <ion-button (click)="changeCityCancel('confirm')">确定</ion-button>
      </ion-buttons>
    </ion-toolbar>
    <div class="model">
      <input
        type="text"
        [(ngModel)]="bankinfo.bankcard"
        autocomplete="off"
        placeholder="请填写银行卡号"
        autocomplete="new-password"
      />

      <div class="line"></div>

      <input
        type="text"
        [(ngModel)]="bankinfo.idcard"
        maxlength="18"
        autocomplete="off"
        placeholder="请填写身份证号"
        autocomplete="new-password"
      />

      <div class="line"></div>

      <input
        type="text"
        [(ngModel)]="bankinfo.name"
        maxlength="18"
        autocomplete="off"
        placeholder="请填写真实姓名"
        autocomplete="new-password"
      />

      <div class="line"></div>

      <input
        type="text"
        [(ngModel)]="bankinfo.mobile"
        maxlength="18"
        autocomplete="off"
        placeholder="请填写银行预留手机号"
        autocomplete="new-password"
      /></div
  ></ng-template>
</ion-modal>
