From aedd0e81c881402f9fc75d5de88dc4bb04027728 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E5=AE=B6=E8=AE=AD?= Date: Tue, 20 Oct 2026 17:57:47 +0800 Subject: [PATCH] =?UTF-8?q?style(theme):=20=E5=85=A8=E5=B1=80=E4=B8=BB?= =?UTF-8?q?=E8=89=B2=E5=AF=B9=E9=BD=90=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=9B?= =?UTF-8?q?=E8=93=9D=E7=B3=BB=EF=BC=8C=E7=99=BB=E5=BD=95=E5=89=8D=E5=90=8E?= =?UTF-8?q?=E8=A7=86=E8=A7=89=E4=B8=80=E8=87=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - index.less @primary-color #2d8cf0 → #4f6ef7(view-design 全套组件随之联动: 按钮/菜单选中/链接/输入框聚焦/标签页等) - 登录页背景渐变、标题色、卡片阴影同步微调至同色系 --- src/index.less | 3 ++- src/view/login/login.less | 12 ++++++------ 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/index.less b/src/index.less index 9e7e4d4..388ca9e 100644 --- a/src/index.less +++ b/src/index.less @@ -5,7 +5,8 @@ @css-prefix-iconfont : ivu-icon; // Color -@primary-color : #2d8cf0; +// 主色与登录页渐变同源(靛蓝系),保证登录前后视觉一致 +@primary-color : #4f6ef7; @info-color : #2db7f5; @success-color : #19be6b; @processing-color : @primary-color; diff --git a/src/view/login/login.less b/src/view/login/login.less index 71c7aa8..92ddfbe 100644 --- a/src/view/login/login.less +++ b/src/view/login/login.less @@ -1,11 +1,11 @@ -/* 登录页:纯 CSS 简约风格(渐变背景 + 居中卡片),无图片与粒子依赖 */ +/* 登录页:纯 CSS 简约风格,配色与全局主色(@primary-color: #4f6ef7)同源 */ .login { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; - background: linear-gradient(135deg, #f5f7fb 0%, #e4eaf6 50%, #dce6f5 100%); + background: linear-gradient(135deg, #f0f3fe 0%, #e2e9fd 50%, #d8e3fc 100%); .login-con { width: 320px; @@ -19,7 +19,7 @@ font-size: 32px; font-weight: 700; letter-spacing: 4px; - color: #2d3748; + color: #3a4f9e; text-transform: uppercase; } @@ -27,13 +27,13 @@ margin-top: 6px; font-size: 13px; letter-spacing: 6px; - color: #8a94a6; + color: #7d8bb8; } } .login-card { border-radius: 10px; - box-shadow: 0 8px 28px rgba(45, 55, 72, .1); + box-shadow: 0 8px 28px rgba(79, 110, 247, .16); text-align: left; } @@ -45,6 +45,6 @@ margin-top: 18px; font-size: 12px; letter-spacing: 2px; - color: #9aa5b5; + color: #8f9cc4; } }