37 lines
1.2 KiB
Vue
37 lines
1.2 KiB
Vue
|
<template>
|
||
|
|
<div class="account" v-if="showPopup">
|
||
|
|
<ClientOnly>
|
||
|
|
<ElDialog
|
||
|
|
v-model="showPopup"
|
||
|
|
:width="400"
|
||
|
|
:close-on-click-modal="false"
|
||
|
|
>
|
||
|
|
<div class="px-5 text-tx-primary">
|
||
|
|
<Login v-show="popupType == PopupTypeEnum.LOGIN" />
|
||
|
|
<Register v-show="popupType == PopupTypeEnum.REGISTER" />
|
||
|
|
<ForgotPwd v-show="popupType == PopupTypeEnum.FORGOT_PWD" />
|
||
|
|
<BindMobile
|
||
|
|
v-show="popupType == PopupTypeEnum.BIND_MOBILE"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</ElDialog>
|
||
|
|
</ClientOnly>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { ElDialog } from 'element-plus'
|
||
|
|
import Login from './login.vue'
|
||
|
|
import { useAccount, PopupTypeEnum } from './useAccount'
|
||
|
|
import Register from './register.vue'
|
||
|
|
import ForgotPwd from './forgot-pwd.vue'
|
||
|
|
import BindMobile from './bind-mobile.vue'
|
||
|
|
import { useUserStore } from '~~/stores/user'
|
||
|
|
const { popupType, showPopup } = useAccount()
|
||
|
|
const userStore = useUserStore()
|
||
|
|
watch(showPopup, (value) => {
|
||
|
|
if (!value) userStore.temToken = null
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|