Mina_B/miniprogram/pages/realNameAuthentication/realNameAuthentication.wxml

<!--pages/realNameAuthentication/realNameAuthentication.wxml-->
<view class="container">
  <view class="tips-padding" />
  <view class="tips">
    <text>为了您的账户及资金安全，请上传本人真实有效身份证照片!</text>
  </view>
  <view class="content">
    <view class="title">
      请上传身份证的正反面
    </view>
    <view class="image-container">
      <view class="image-container-bg">
        <view class="card-img-container">
          <image src="./images/bottom-left.png" class="bottom-left corner" />
          <image src="./images/bottom-right.png" class="bottom-right corner" />
          <image src="./images/top-left.png" class="top-left corner" />
          <image src="./images/top-right.png" class="top-right corner" />
          <view class="card-img">
            <image wx:if="{{headPortraitImgBase64}}" src="{{headPortraitImgBase64}}" class="head-portrait-img" />
            <view wx:else class="card head-portrait">
              <image src="./images/headPortrait-icon.png" class="headPortraitIcon" />
              <image src="./images/headPortrait.png" class="headPortrait" />
            </view>
            <privacy-popup data-id-card-type="{{IdCardType.headPortrait}}" bind:privacySubmit="chooseImage">
              <view class="camera">
                <image src="./images/camera.png" class="camera-image" />
              </view>
            </privacy-popup>
          </view>
        </view>
      </view>
      <text>点击拍摄人像面</text>
    </view>
    <view class="image-container">
      <view class="image-container-bg">
        <view class="card-img-container">
          <image src="./images/bottom-left.png" class="bottom-left corner" />
          <image src="./images/bottom-right.png" class="bottom-right corner" />
          <image src="./images/top-left.png" class="top-left corner" />
          <image src="./images/top-right.png" class="top-right corner" />
          <view class="card-img">
            <image wx:if="{{nationalEmblemImgBase64}}" src="{{nationalEmblemImgBase64}}" class="national-emblem-img" />
            <view wx:else class="card nationalEmblem">
              <image src="./images/national-emblem.png" class="nationalEmblem" />
              <image src="./images/national-emblem-icon.png" class="nationalEmblemIcon" />
            </view>
            <privacy-popup data-id-card-type="{{IdCardType.nationalEmblem}}" bind:privacySubmit="chooseImage">
              <view class="camera">
                <image src="./images/camera.png" class="camera-image" />
              </view>
            </privacy-popup>
          </view>
        </view>
      </view>
      <text>点击拍摄国徽面</text>
    </view>
    <view class="title">
      请上传身份证的正反面
    </view>
    <view class="info-container">
      <view class="info">
        <view class="info-item">
          <view class="label">
            姓名
          </view>
          <view class="input">
            <input name="name" value="{{name}}" disabled="{{!headPortraitImg}}" type="text" placeholder="姓名" bindinput="nameChange" />
          </view>
        </view>
      </view>
      <view class="info">
        <view class="info-item">
          <view class="label">
            证件号码
          </view>
          <view class="input">
            {{ idCard || '证件号码' }}
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="btn-container-padding ios-safe-bottom" />
  <cover-view class="btn-container ios-safe-bottom">
    <cover-view class="btn {{canSubmit?'can-submit':''}}" bindtap="submit">
      <cover-view>提交认证</cover-view>
    </cover-view>
    <cover-view class="btn-container-tips">
      个人隐私信息安全保障中
    </cover-view>
  </cover-view>
</view>