auth-modal.vue 803 B

12345678910111213141516171819202122232425262728293031
  1. <!-- -->
  2. <template>
  3. <view v-if="authType !== ''">
  4. <ct-popup :show="authType !== 'necessaryInfo'" round="10" :showClose="true" @close="closeAuthModal">
  5. <login></login>
  6. </ct-popup>
  7. <ct-popup :show="authType === 'necessaryInfo'" round="0" :showClose="false" @close="closeAuthModal">
  8. <necessaryInfo ></necessaryInfo>
  9. </ct-popup>
  10. </view>
  11. </template>
  12. <script setup>
  13. import { closeAuthModal } from '@/hooks/useModal'
  14. import ctPopup from '@/components/ui/ct-popup'
  15. import { modalStore } from '@/store/modal';
  16. import login from './authModal/login'
  17. import necessaryInfo from './authModal/necessaryInfo'
  18. const modal = modalStore()
  19. import { computed } from 'vue'
  20. // 授权弹窗类型
  21. const authType = computed(() => modal.auth)
  22. </script>
  23. <style lang="scss" scoped>
  24. </style>