From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/Login/components/QrCodeForm.vue | 30 ++++++++++++++++++++++++++++++
1 files changed, 30 insertions(+), 0 deletions(-)
diff --git a/src/views/Login/components/QrCodeForm.vue b/src/views/Login/components/QrCodeForm.vue
new file mode 100644
index 0000000..601052d
--- /dev/null
+++ b/src/views/Login/components/QrCodeForm.vue
@@ -0,0 +1,30 @@
+<template>
+ <el-row v-show="getShow" class="login-form mx-[-10px]">
+ <el-col :span="24" class="px-10px">
+ <LoginFormTitle class="w-full" />
+ </el-col>
+ <el-col :span="24" class="px-10px">
+ <el-card class="mb-10px text-center" shadow="hover">
+ <Qrcode :logo="logoImg" />
+ </el-card>
+ </el-col>
+ <el-divider class="enter-x">{{ t('login.qrcode') }}</el-divider>
+ <el-col :span="24" class="px-10px">
+ <div class="mt-4 w-full">
+ <XButton :title="t('login.backLogin')" class="w-full" @click="handleBackLogin()" />
+ </div>
+ </el-col>
+ </el-row>
+</template>
+<script lang="ts" setup>
+import logoImg from '@/assets/imgs/logo.png'
+
+import LoginFormTitle from './LoginFormTitle.vue'
+import { LoginStateEnum, useLoginState } from './useLogin'
+
+defineOptions({ name: 'QrCodeForm' })
+
+const { t } = useI18n()
+const { handleBackLogin, getLoginState } = useLoginState()
+const getShow = computed(() => unref(getLoginState) === LoginStateEnum.QR_CODE)
+</script>
--
Gitblit v1.8.0