diff --git a/src/packages/components/Charts/MyComponents/AlarmList/config.ts b/src/packages/components/Charts/MyComponents/AlarmList/config.ts index ebd8bc4..36fca19 100644 --- a/src/packages/components/Charts/MyComponents/AlarmList/config.ts +++ b/src/packages/components/Charts/MyComponents/AlarmList/config.ts @@ -9,10 +9,10 @@ export const option = { headerTextColor: '#B4B4B4', textColor: '#ffffff', headerBackgroundColor: '#17325F', - itemBackgroundColor: 'transparent', + itemBackgroundColor: '#0F233E', statusColors: { '未解决': '#FF4D4F', - '已解决': '#B4B4B4' + '已解决': '#ffffff' }, headerHeight: 40, itemHeight: 35, diff --git a/src/packages/components/Charts/MyComponents/AlarmList/index.vue b/src/packages/components/Charts/MyComponents/AlarmList/index.vue index 361dcc3..d454a41 100644 --- a/src/packages/components/Charts/MyComponents/AlarmList/index.vue +++ b/src/packages/components/Charts/MyComponents/AlarmList/index.vue @@ -90,7 +90,7 @@ const getStatusColor = (status: string) => { display: flex; align-items: center; .title-prefix { - width: 35px; + width: 40px; height: 35px; background-color: #1e55a7; clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); @@ -107,7 +107,7 @@ const getStatusColor = (status: string) => { align-items: center; background-color: #17325f; padding: 0 20px 0 20px; - margin-left: -8px; + margin-left: -10px; clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%); } } @@ -139,12 +139,12 @@ const getStatusColor = (status: string) => { display: flex; align-items: center; padding: 0 10px; - border-bottom: 1px solid rgba(26, 56, 90, 0.8); + margin-bottom: 4px; &:first-child { margin-top: 5px; } &:last-child { - border-bottom: none; + margin-bottom: 0; } .row-item { flex: 1; @@ -156,4 +156,4 @@ const getStatusColor = (status: string) => { } } } - \ No newline at end of file +