✨ feat: 机组管理迁移l2代码
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
// ====================== 1. 基础颜色变量(Sass直接处理)======================
|
||||
$primary-base: #5F7BA0;
|
||||
// $primary-base: #2bf;
|
||||
/* 工业蓝灰(主色原始值) */
|
||||
$success-base: #2ECC71;
|
||||
/* 成功色原始值 */
|
||||
@@ -1382,7 +1383,7 @@ body {
|
||||
// ====================== 描述列表组件(el-descriptions)- 深色模式 ======================
|
||||
.el-descriptions {
|
||||
width: 100%;
|
||||
background: $--color-background !important; // 黑色背景
|
||||
// background: $--color-background !important; // 黑色背景
|
||||
box-shadow: $--metal-shadow;
|
||||
overflow: hidden;
|
||||
color: $--color-text-primary; // 白色文字
|
||||
@@ -1391,7 +1392,7 @@ body {
|
||||
&__header {
|
||||
padding: $--spacing-base $--spacing-lg;
|
||||
border-bottom: 1px solid $--border-color-lighter;
|
||||
background: $--metal-gradient-dark;
|
||||
// background: $--metal-gradient-dark;
|
||||
color: $--color-text-primary; // 白色标题
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
@@ -1400,6 +1401,7 @@ body {
|
||||
// 描述列表主体容器
|
||||
&__body {
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
// 描述列表行
|
||||
@@ -1416,11 +1418,11 @@ body {
|
||||
|
||||
// 描述列表标签项(左侧)
|
||||
.el-descriptions-item__label {
|
||||
padding: $--spacing-lg;
|
||||
background: $--color-background !important; // 极浅灰背景区分标签
|
||||
// padding: $--spacing-lg;
|
||||
// background: $--color-background !important; // 极浅灰背景区分标签
|
||||
color: $--color-text-secondary; // 浅灰文字
|
||||
font-weight: 500;
|
||||
border-right: 1px solid $--border-color-lighter;
|
||||
// border-right: 1px solid $--border-color-lighter;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
font-size: 13px;
|
||||
@@ -1428,8 +1430,8 @@ body {
|
||||
|
||||
// 描述列表内容项(右侧)
|
||||
&-item__content {
|
||||
padding: $--spacing-lg;
|
||||
background: $--color-background-light;
|
||||
// padding: $--spacing-lg;
|
||||
// background: $--color-background-light;
|
||||
color: $--color-text-primary; // 白色文字
|
||||
flex: 1;
|
||||
box-sizing: border-box;
|
||||
@@ -1472,12 +1474,12 @@ body {
|
||||
|
||||
.el-descriptions__label,
|
||||
.el-descriptions__content {
|
||||
padding: $--spacing-lg $--spacing-lg * 1.5;
|
||||
padding: $--spacing-lg $--spacing-lg;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.el-descriptions__header {
|
||||
padding: $--spacing-base $--spacing-lg * 1.5;
|
||||
padding: $--spacing-base $--spacing-lg;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,6 +5,7 @@
|
||||
|
||||
/* theme color */
|
||||
$--color-primary: #5F7BA0;
|
||||
// $--color-primary: #2bf;
|
||||
$--color-success: #13ce66;
|
||||
$--color-warning: #ffba00;
|
||||
$--color-danger: #ff4949;
|
||||
|
||||
Reference in New Issue
Block a user