nova-live/projects/live-app/src/moduls/user/certification/certification.component.html

<ion-header [translucent]="true" class="header">
  <ion-toolbar class="toolbar">
    <ion-buttons slot="start" (click)="back()">
      <ion-icon
        name="chevron-back-outline"
        style="width: 6.4vw; height: 6.4vw; color: #000000"
      ></ion-icon>
    </ion-buttons>
    <ion-title class="title">实名认证</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content class="content">
  <div class="hred">
    <div class="hred-left">
      {{ title }}
    </div>
    <img
      src="http://cloud.file.futurestack.cn/real-idcard.png"
      class="hred-img"
    />
  </div>
  @if (isReal) {
  <div class="tips">
    <img
      class="tips-img"
      src="https://cloud.file.futurestack.cn/game-auth.png"
      alt=""
    />
    <div class="text">您已完成认证</div>
  </div>
  <div class="pf">
    <div style="margin-right: 10px">{{ secretName }}*</div>
    <div class="">{{ secretIdCard }}********</div>
  </div>
  } @else{
  <div class="h3">填写身份信息认证</div>
  <div class="li">
    真实姓名
    <input
      type="text"
      [(ngModel)]="name"
      name="name"
      autocomplete="off"
      placeholder="请填写真实姓名"
      autocomplete="new-password"
    />
  </div>
  <div class="li">
    身份证号
    <input
      type="text"
      [(ngModel)]="idCard"
      maxlength="18"
      name="idCard"
      autocomplete="off"
      placeholder="请填写身份证号"
      autocomplete="new-password"
    />
  </div>
  <div class="footer" (click)="check()">提交</div>
  }
  <div class="agreement">
    <ion-checkbox color="primary" [(ngModel)]="agreement"></ion-checkbox>
    <div class="content">
      注册即代表同意<span (click)="showAgreement()"
        >《爱聊直播平台隐私协议》</span
      >
    </div>
  </div>
</ion-content>