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>
                <view class="camera" data-id-card-type="{{IdCardType.headPortrait}}" bindtap="chooseImage">
                  <image src="./images/camera.png" class="camera-image" />
                </view>
              </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>
                <view class="camera" data-id-card-type="{{IdCardType.nationalEmblem}}" bindtap="chooseImage">
                  <image src="./images/camera.png" class="camera-image" />
                </view>
              </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>