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

<nav title="实名认证"></nav>
<ion-content class="content">
  <div class="hred">
    <div class="hred-left">
      {{ title }}
    </div>
    <img src="http://file-cloud.fmode.cn/real-idcard.png" class="hred-img" />
  </div>
  @if (isReal) {
  <div class="tips">
    <img
      class="tips-img"
      src="https://file-cloud.fmode.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>
  <div class="agreement pflex">
    <span (click)="showAgreement()">《爱聊直播平台隐私协议》</span>
  </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="agreement-content">
      阅读且同意<span (click)="showAgreement()">《爱聊直播平台隐私协议》</span>
    </div>
  </div>
  }
</ion-content>