cfy777/Situation-Awareness-Platform-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

安全检测样式优化

Browse Source
This commit is contained in:
fmk1023
2025-11-28 14:48:13 +08:00
parent ae00eb3d6f
commit 0ab4649909
2 changed files with 469 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/Jyh/Home/index.vue
View File

@@ -581,10 +581,7 @@ $primary-color: #5e7ce0;
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }
// ----------------------------------------------------
// 基础样式 (保持不变)
// ----------------------------------------------------
// 基础样式
.home-container {
width: 100%;
height: 100%;
@@ -633,7 +630,7 @@ $primary-color: #5e7ce0;
justify-content: space-between;
align-items: center;
padding: 12px;
transition: all 0.3s ease; // 添加过渡
transition: all 0.3s ease;
&:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
@@ -659,7 +656,7 @@ $primary-color: #5e7ce0;
justify-content: center;
align-items: center;
gap: 8px;
transition: color 0.3s ease; // 添加过渡
transition: color 0.3s ease;
&:hover {
color: $primary-color;
@@ -689,7 +686,7 @@ $primary-color: #5e7ce0;
.glow-border {
border: 1px solid var(--devui-form-control-line, #d7d8da);
border-color: var(--devui-form-control-line-active, #5e7ce0) !important;
box-shadow: 0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, 0.15)); // 调整光晕颜色透明度
box-shadow: 0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, 0.15));
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@@ -962,13 +959,13 @@ $primary-light: #e8f0fe;
}
}
/* 时间线样式调整，保持与原有布局一致 */
/* 时间线样式 */
:deep(.devui-timeline) {
--devui-timeline-item-padding: 0 0 24px 0; /* 调整项间距 */
--devui-timeline-item-padding: 0 0 24px 0;
}
:deep(.devui-timeline-item-time) {
/* 年份标签样式，与原有红色标签保持一致 */
/* 年份标签样式 */
background-color: #fee2e2; /* 浅红背景 */
color: #dc2626; /* 红色文字 */
font-size: 12px;