diff --git a/admin/src/views/auth/login/index.vue b/admin/src/views/auth/login/index.vue index 7243292..14d33fb 100644 --- a/admin/src/views/auth/login/index.vue +++ b/admin/src/views/auth/login/index.vue @@ -14,13 +14,12 @@ :rules="rules" :key="formKey" @keyup.enter="handleSubmit" - class="login-form" + style="margin-top: 25px" > @@ -28,7 +27,6 @@ -
+

-
+
import AppConfig from '@/config' - import { User, Lock } from '@element-plus/icons-vue' import { useUserStore } from '@/store/modules/user' import { useI18n } from 'vue-i18n' import { HttpError } from '@/utils/http/error' diff --git a/admin/src/views/auth/login/style.css b/admin/src/views/auth/login/style.css index f140c84..982ff34 100644 --- a/admin/src/views/auth/login/style.css +++ b/admin/src/views/auth/login/style.css @@ -1,8 +1,8 @@ @reference '@styles/core/tailwind.css'; -/* 授权页右侧区域(客迹V1:固定浅色,不随暗色主题变化) */ +/* 授权页右侧区域(表单样式恢复 Art Design Pro 原版观感) */ .auth-right-bg { - /* 覆盖 Element Plus 暗色变量,防止 html.dark 时表单控件变暗 */ + /* 固定浅色:覆盖暗色变量,防止 html.dark 时表单控件变暗 */ --el-bg-color: #ffffff; --el-bg-color-overlay: #ffffff; --el-fill-color-blank: #ffffff; @@ -12,13 +12,12 @@ --el-border-color: #dcdfe6; --el-border-color-light: #e4e7ed; --el-border-color-lighter: #ebeef5; - /* 滑块暗色边框环修正(ArtDragVerify 内部使用) */ --default-border-dashed: #dbdfe9; - background-color: #f7f8fa; + background-color: #ffffff; } .auth-right-wrap { - @apply absolute inset-0 w-[440px] h-[680px] py-[5px] m-auto overflow-hidden + @apply absolute inset-0 w-[440px] h-[650px] py-[5px] m-auto overflow-hidden max-sm:px-7 max-sm:w-full animate-[slideInRight_0.6s_cubic-bezier(0.25,0.46,0.45,0.94)_forwards] max-md:animate-none; @@ -28,24 +27,15 @@ } .title { - @apply text-[#1A1A1A] text-[32px] font-semibold text-center; + @apply text-[#262626] text-4xl font-semibold max-md:text-3xl max-sm:pt-10; } .sub-title { - @apply mt-[10px] text-[#8A94A6] text-[15px] text-center; + @apply mt-[10px] text-[#6b7280] text-sm; } .custom-height { - @apply !h-[56px]; - } - - .login-form { - margin-top: 25px; - } - - /* 滑块去内部边框,高度宽度与输入框严格一致(56px/440px) */ - :deep(.drag_verify) { - border: none; + @apply !h-[40px]; } }