feat: 本次提交更新内容如下
替换微信图标
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
Reference in New Issue
Block a user