-
@@ -196,22 +212,25 @@ const option = computed(() => props.chartConfig.option)
.metric {
display: flex;
flex-direction: column;
- align-items: flex-start;
-
+ align-items: center;
+
.metric-label {
display: flex;
align-items: center;
- margin-bottom: 10px; // More space
+ margin-bottom: 8px;
+
.point {
- width: 0px; // Bigger point
- height: 0px;
+ width: 8px;
+ height: 8px;
border-radius: 50%;
margin-right: 10px;
}
}
+
.metric-value {
font-weight: bold;
- margin-left: 40px; // Align with label text
+ position: relative;
+ left: 9px; // Visually center the value under the text
}
}
}
{{
- scene.name }}
+
+
+ 危化品库
-
+
+
- {{ metric.label
- }}
+ 场景总数
- {{
- metric.value }}
+ 262
+
+
+
+ 智控场景
+
+ 6852
+
+
危废品库
+
+
+
+
+ 智控场景
+
+ 6852
+
+
-
-
+ 场景总数
+
+ 262