feat: 本次提交更新内容如下

替换微信图标
This commit is contained in:
笔记本里的永平
2025-07-18 16:21:15 +08:00
parent a336d1173b
commit 0e6bc6d783
3 changed files with 391 additions and 391 deletions

View File

@@ -1,6 +1,6 @@
.login-page { .login-page {
min-height: 100vh; min-height: 100vh;
background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%); background: var(--primary-gradient);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -63,7 +63,7 @@
.login-container { .login-container {
width: 100%; width: 100%;
max-width: 420px; max-width: 420px;
background: rgba(255, 255, 255, 0.95); background: #ffffff;
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
border-radius: 24px; border-radius: 24px;
padding: 32px 24px; padding: 32px 24px;
@@ -89,20 +89,20 @@
.logo-icon { .logo-icon {
width: 40px; width: 40px;
height: 40px; height: 40px;
background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%); background: var(--primary-gradient);
border-radius: 10px; border-radius: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: white; color: white;
font-size: 20px; font-size: 20px;
box-shadow: 0 6px 12px rgba(24, 144, 255, 0.3); box-shadow: 0 6px 12px var(--primary-shadow);
} }
.app-name { .app-name {
font-size: 24px; font-size: 24px;
font-weight: 800; font-weight: 800;
background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%); background: var(--primary-gradient);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
@@ -150,26 +150,15 @@
z-index: 2; z-index: 2;
&.active { &.active {
color: #1890ff; color: var(--primary-color);
font-weight: 600; font-weight: 600;
background: white;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
} }
} }
.tab-indicator { .tab-indicator {
position: absolute; display: none; // 隐藏分割线指示器
top: 3px;
left: 3px;
width: calc(50% - 3px);
height: calc(100% - 6px);
background: white;
border-radius: 7px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
z-index: 1;
&.slide {
transform: translateX(100%);
}
} }
// 表单样式 // 表单样式
@@ -201,9 +190,9 @@
transition: all 0.3s ease; transition: all 0.3s ease;
&:focus-within { &:focus-within {
border-color: #1890ff; border-color: var(--primary-color);
background: white; background: white;
box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.1); box-shadow: 0 0 0 3px var(--primary-shadow-light);
} }
} }
@@ -241,14 +230,14 @@
transition: color 0.3s ease; transition: color 0.3s ease;
&:hover { &:hover {
color: #1890ff; color: var(--primary-color);
} }
} }
.send-code-btn { .send-code-btn {
padding: 6px 12px; padding: 6px 12px;
margin-right: 6px; margin-right: 6px;
background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%); background: var(--primary-gradient);
color: white; color: white;
border: none; border: none;
border-radius: 6px; border-radius: 6px;
@@ -259,7 +248,7 @@
&:hover:not(.disabled) { &:hover:not(.disabled) {
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: 0 3px 8px rgba(24, 144, 255, 0.3); box-shadow: 0 3px 8px var(--primary-shadow);
} }
&.disabled { &.disabled {
@@ -305,7 +294,7 @@
} }
.agreement-link { .agreement-link {
color: #1890ff; color: var(--primary-color);
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
@@ -320,14 +309,14 @@
font-size: 15px; font-size: 15px;
font-weight: 600; font-weight: 600;
border-radius: 10px; border-radius: 10px;
background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%); background: var(--primary-gradient);
border: none; border: none;
box-shadow: 0 6px 12px rgba(24, 144, 255, 0.3); box-shadow: 0 6px 12px var(--primary-shadow);
transition: all 0.3s ease; transition: all 0.3s ease;
&:hover:not(:disabled) { &:hover:not(:disabled) {
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: 0 8px 16px rgba(24, 144, 255, 0.4); box-shadow: 0 8px 16px var(--primary-shadow-dark);
} }
&:disabled { &:disabled {

View File

@@ -1,5 +1,16 @@
/* Reset & 基础样式兼容移动端和PC端补充 iOS/安卓容差处理 */ /* Reset & 基础样式兼容移动端和PC端补充 iOS/安卓容差处理 */
/* 主题色变量定义 */
:root {
--primary-color: #188eee;
--primary-color-light: #40a9ff;
--primary-color-dark: #096dd9;
--primary-gradient: linear-gradient(135deg, #188eee 0%, #096dd9 100%);
--primary-shadow: rgba(24, 142, 238, 0.3);
--primary-shadow-light: rgba(24, 142, 238, 0.1);
--primary-shadow-dark: rgba(24, 142, 238, 0.4);
}
/* 1. 通用 Reset */ /* 1. 通用 Reset */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,