@@ -63,6 +63,10 @@
@logo-prefix-cls: ~'jeesite-app-logo';
@countdown-prefix-cls: ~'jeesite-countdown-input';
@dark-bg: #293146;
+ // 淡白色主色(柔和不刺眼,带轻微蓝调的白)
+ @light-white-bg: #f8fafc;
+ // 深色模式下表单背景(适配深色主题的暗白色)
+ @dark-light-white-bg: rgba(41, 49, 70, 0.95);
html[data-theme='dark'] {
.@{prefix-cls} {
@@ -82,8 +86,8 @@
}
&-form {
- background: transparent !important;
- box-shadow: none;
+ background: @dark-light-white-bg !important;
+ box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}
.@{logo-prefix-cls} {
@@ -95,6 +99,10 @@
.jeesite-icon {
color: #fff;
}
+
+ .form-container-bg {
+ background: @dark-light-white-bg !important;
+ }
}
input.fix-auto-fill,
@@ -107,11 +115,8 @@
.@{prefix-cls} {
min-height: 100%;
overflow: hidden;
- //background-color: #f2fafd;
@media (max-width: @screen-lg) {
- //background-color: #3f60b5;
-
.@{prefix-cls}-form {
box-shadow: none;
}
@@ -120,14 +125,24 @@
&-form {
top: -20px;
margin: auto;
- background-color: #fff;
- box-shadow: 0 0 8px #ddd;
+ // 淡白色背景(核心修改)
+ background-color: @light-white-bg;
+ box-shadow: 0 0 8px rgba(248, 250, 252, 0.8);
+ background-clip: padding-box;
.ant-form-item {
margin-bottom: 15px;
}
}
+ // 表单容器专属样式
+ .form-container-bg {
+ background-color: @light-white-bg;
+ // 轻量阴影增强层次
+ box-shadow: 0 4px 12px rgba(240, 248, 255, 0.5);
+ border-radius: 12px;
+ }
+
&::before {
position: absolute;
top: 0;
@@ -147,10 +162,6 @@
}
.@{logo-prefix-cls} {
- // position: absolute;
- // top: 12px;
- // height: 30px;
-
&.logo {
margin-top: -110px;
padding-bottom: 80px;
@@ -230,4 +241,4 @@
color: @text-color-secondary;
}
}
-
+
\ No newline at end of file
diff --git a/web-vue/packages/core/layouts/views/login/LoginForm.vue b/web-vue/packages/core/layouts/views/login/LoginForm.vue
index 15a95d78..bbb3464f 100644
--- a/web-vue/packages/core/layouts/views/login/LoginForm.vue
+++ b/web-vue/packages/core/layouts/views/login/LoginForm.vue
@@ -30,19 +30,6 @@
-
-
@@ -108,7 +95,7 @@
const emit = defineEmits(['demoMode']);
const formData = reactive({
- account: 'system',
+ account: '',
password: '',
validCode: '',
});
@@ -185,11 +172,6 @@
loading.value = false;
}
}
-
- function handleOauth2(event: Event) {
- window.location.href = 'https://vue.jeesite.com/js/oauth2/login/gitee?state=vue';
- event.preventDefault();
- }