<!--  -->
<template>
  <view v-if="authType !== ''">
    <ct-popup :show="authType !== 'necessaryInfo'" round="10" :showClose="true" @close="closeAuthModal">
      <login></login>
    </ct-popup>
    <ct-popup :show="authType === 'necessaryInfo'" round="0" :showClose="false" @close="closeAuthModal">
      <necessaryInfo></necessaryInfo>
    </ct-popup>
    <ct-popup :show="authType === 'selectUserType'" round="0" :showClose="false" @close="closeAuthModal">
      <selectUserType></selectUserType>
    </ct-popup>
  </view>
</template>

<script setup>
import { closeAuthModal } from '@/hooks/useModal'
import ctPopup from '@/components/ui/ct-popup'
import { modalStore } from '@/store/modal';
import login from './authModal/login'
import necessaryInfo from './authModal/necessaryInfo'
import selectUserType from './authModal/selectUserType'


const modal = modalStore()
import { computed } from 'vue'


// 授权弹窗类型
const authType = computed(() => modal.auth)


</script>
<style lang="scss" scoped>
</style>
