diff --git a/src/components/home/warning.vue b/src/components/home/warning.vue index 4a5db95..67b7e16 100644 --- a/src/components/home/warning.vue +++ b/src/components/home/warning.vue @@ -1,9 +1,31 @@ @@ -47,4 +77,11 @@ function goToWarningList() { .card-body { padding: 12px 16px; } + +.empty-tip { + font-size: 14px; + color: #999999; + text-align: center; + padding: 16px 0; +} diff --git a/src/components/home/warning_list.vue b/src/components/home/warning_list.vue index af1cd8c..d6a0110 100644 --- a/src/components/home/warning_list.vue +++ b/src/components/home/warning_list.vue @@ -1,16 +1,85 @@ + + @@ -33,28 +102,74 @@ border-radius: 50%; background-color: #fff2e8; margin-right: 12px; + flex-shrink: 0; +} + +.warning-icon.level-0 { + background-color: #e8f3ff; +} + +.warning-icon.level-1 { + background-color: #fff2e8; +} + +.warning-icon.level-2 { + background-color: #ffece8; } .warning-info { flex: 1; + min-width: 0; display: flex; flex-direction: column; + padding-right: 8px; +} + +.warning-title-row { + display: flex; + align-items: center; + gap: 8px; + margin-bottom: 4px; } .warning-title { font-size: 18px; font-weight: bold; color: #333333; - margin-bottom: 4px; +} + +.warning-level { + font-size: 12px; + padding: 2px 6px; + border-radius: 4px; +} + +.warning-level.level-0 { + color: #3b82f6; + background-color: #e8f3ff; +} + +.warning-level.level-1 { + color: #f59e0b; + background-color: #fff2e8; +} + +.warning-level.level-2 { + color: #ef4444; + background-color: #ffece8; } .warning-desc { font-size: 14px; color: #999999; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .warning-time { font-size: 14px; color: #cccccc; + flex-shrink: 0; } diff --git a/src/components/warning/filter.vue b/src/components/warning/filter.vue index 3ba174f..dec5207 100644 --- a/src/components/warning/filter.vue +++ b/src/components/warning/filter.vue @@ -1,11 +1,16 @@ @@ -112,9 +115,4 @@ function goToDetail() { display: block; margin-bottom: 8px; } - -.trigger { - font-size: 18px; - color: #666; -} diff --git a/src/pages/warning/detail/index.vue b/src/pages/warning/detail/index.vue index dadb351..756c1b6 100644 --- a/src/pages/warning/detail/index.vue +++ b/src/pages/warning/detail/index.vue @@ -1,4 +1,8 @@