liveh5-nuxt/app/pages/realAuth/components/detail.vue

<script setup>
import {authStore} from "@/stores/auth/index.js";

const props = defineProps({
  type: {
    type: Number,
    default: 0
  }
})
const {userInfo}= authStore()

</script>

<template>
  <div class="text-#1A1A1A text-16px">
  <template v-if="type===0">
    <div class="flex mb-20px">
      <div class="mr-10px">姓名：</div>
      <div>{{userInfo.realName}}</div>
    </div>
    <div class="flex mb-20px">
      <div class="mr-10px">性别：</div>
      <div>{{userInfo.sex}}</div>
    </div>
    <div class="flex mb-20px">
      <div class="mr-10px">出生日期：</div>
      <div>{{userInfo.birthDate}}</div>
    </div>
    <div class="flex">
      <div class="mr-10px">身份证号：</div>
      <div>{{userInfo.idNum}}</div>
    </div>
  </template>
    <template v-if="type===1">
      <div class="flex mb-20px" >
        <div class="mr-10px">姓名：</div>
        <div>{{userInfo.realName}}</div>
      </div>
      <div class="flex mb-20px">
        <div class="mr-10px">性别：</div>
        <div>{{userInfo.sex}}</div>
      </div>
      <div class="flex mb-20px">
        <div class="mr-10px">出生日期：</div>
        <div>{{userInfo.birthDate}}</div>
      </div>
      <div class="flex">
        <div class="mr-10px">家庭住址：</div>
        <div>{{userInfo.idNum}}</div>
      </div>
      <div class="flex">
        <div class="mr-10px">所属银行：</div>
        <div>{{userInfo.idNum}}</div>
      </div>
      <div class="flex">
        <div class="mr-10px">银行卡号码：</div>
        <div>{{userInfo.idNum}}</div>
      </div>
    </template>
  </div>
</template>

<style scoped>

</style>