<template>
  <el-dialog v-model="user.showLoginModel" :show-close="false" append-to-body class="bf-login-wrap"  align-center :lock-scroll="false"	>
    <!-- 关闭登陆弹出框按钮 -->
    <el-icon @click="user.showLogin()" class="bf-login-close" color="rgba(196, 196, 196, 1)">
      <Close/>
    </el-icon>
    <!-- 账号密码登录    -->
    <AccountLogin v-if="user.loginType === LoginType.ACCOUNT_LOGIN"/>
    <!-- 验证码登陆 -->
    <SMSLogin v-if="user.loginType === LoginType.SMS_LOGIN"/>
    <!-- 注册 -->
    <Register v-if="user.loginType === LoginType.REGISTER"/>
    <!-- 微信登陆 -->
    <WeChatLogin v-if="user.loginType === LoginType.WECHAT_LOGIN"/>
    <!-- 修改密码 -->
    <ResetPassword v-if="user.loginType === LoginType.RESET_PASSWORD"/>
  </el-dialog>
</template>

<script setup lang="ts">
import {LoginType, userStore} from "@/stores/user.ts";
import {Close} from "@element-plus/icons-vue";

const user = userStore()

</script>

<style scoped>

</style>
<!-- 登陆框公共样式 -->
<style src="@/styles/components/common/login/GlobalLoginDialog.scss"></style>
