- index.less @primary-color #2d8cf0 → #4f6ef7(view-design 全套组件随之联动: 按钮/菜单选中/链接/输入框聚焦/标签页等) - 登录页背景渐变、标题色、卡片阴影同步微调至同色系
This commit is contained in:
+2
-1
@@ -5,7 +5,8 @@
|
|||||||
@css-prefix-iconfont : ivu-icon;
|
@css-prefix-iconfont : ivu-icon;
|
||||||
|
|
||||||
// Color
|
// Color
|
||||||
@primary-color : #2d8cf0;
|
// 主色与登录页渐变同源(靛蓝系),保证登录前后视觉一致
|
||||||
|
@primary-color : #4f6ef7;
|
||||||
@info-color : #2db7f5;
|
@info-color : #2db7f5;
|
||||||
@success-color : #19be6b;
|
@success-color : #19be6b;
|
||||||
@processing-color : @primary-color;
|
@processing-color : @primary-color;
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
/* 登录页:纯 CSS 简约风格(渐变背景 + 居中卡片),无图片与粒子依赖 */
|
/* 登录页:纯 CSS 简约风格,配色与全局主色(@primary-color: #4f6ef7)同源 */
|
||||||
.login {
|
.login {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: 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 {
|
.login-con {
|
||||||
width: 320px;
|
width: 320px;
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
letter-spacing: 4px;
|
letter-spacing: 4px;
|
||||||
color: #2d3748;
|
color: #3a4f9e;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -27,13 +27,13 @@
|
|||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
letter-spacing: 6px;
|
letter-spacing: 6px;
|
||||||
color: #8a94a6;
|
color: #7d8bb8;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-card {
|
.login-card {
|
||||||
border-radius: 10px;
|
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;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -45,6 +45,6 @@
|
|||||||
margin-top: 18px;
|
margin-top: 18px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
letter-spacing: 2px;
|
letter-spacing: 2px;
|
||||||
color: #9aa5b5;
|
color: #8f9cc4;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user