zcb_APP/pages/personalProfile/realAuth.vue

<template>
  <view class="content pdx-48">
    <view class="w h-88 flex ai_center jc_center mgt-88 p-rel">
      <image
        @click="$navBack()"
        class="w-48 h-48 abs_left"
        src="/static/logo.png"
        mode="scaleToFill"
      />
      <view class="text-36 text-500 text-070202">实名认证</view>
    </view>

    <view class="w mgt-16">
      <view class="text-32 text-600 text-303030">身份验证</view>
      <view class="mgt-24 text-26 text-500 text-303030">
        <view class="mgb-16">
          根据
          <text class="text-E02E24">《网络安全法》</text>
          相关规定，涉及到资金相关操作，
        </view>
        必选需要用户实名认证，
        <text class="text-E02E24">只需认证一次，且无法进行更改</text>
      </view>

      <view
        class="w radio-24 mgt-24"
        style="height: 424rpx; background-color: #ffede2"
      ></view>
      <view
        class="w radio-24 mgt-24"
        style="height: 424rpx; background-color: #ffede2"
      ></view>

      <view class="w h-96 flex ai_center jc_between mgt-24 menu_border">
        <view class="text-28 text-400 text-303030">姓名</view>
        <view class="flex ai_center">
          <view class="text-24 text-600 text-070202">陈毛毛</view>
          <image
            class="w-48 h-48 mgl-30"
            src="/static/logo.png"
            mode="scaleToFill"
          />
        </view>
      </view>

      <view class="w h-96 flex ai_center jc_between mgt-16 menu_border">
        <view class="text-28 text-400 text-303030">身份证号</view>
        <view class="flex ai_center">
          <view class="text-24 text-600 text-070202">35052119950452522</view>
          <image
            class="w-48 h-48 mgl-30"
            src="/static/logo.png"
            mode="scaleToFill"
          />
        </view>
      </view>

      <button class="btn">提交验证</button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onLoad() {},
  methods: {},
};
</script>

<style scoped lang="scss">
.menu_border {
  border-bottom: 2rpx solid #f2f2f7;
}

.btn {
  margin-top: 88rpx;
  width: 100%;
  height: 96rpx;
  flex-shrink: 0;
  border-radius: 64rpx;
  background: #fe6505;
  color: #ffffff;
  text-align: center;
  font-family: "MiSans VF";
  font-size: 36rpx;
  font-weight: 500;
}
</style>