1
0
This commit is contained in:
lucashu 2025-08-22 09:01:59 +08:00
parent d190d15200
commit aaeaaaa191

View File

@ -19,7 +19,7 @@
</div>
<div class="content">
<div class="scene-row" :style="{ backgroundImage: `url(${backgrounds[0]})` }">
<div class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">危化品库</div>
<div class="scene-name-1" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">危化品库</div>
<div class="metrics-container">
<div class="metric">
<div class="metric-label">
@ -36,7 +36,7 @@
</div>
</div>
<div class="scene-row reverse" :style="{ backgroundImage: `url(${backgrounds[1]})` }">
<div class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">危废品库</div>
<div class="scene-name-2" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">危废品库</div>
<div class="metrics-container">
<div class="metric">
<div class="metric-label">
@ -135,9 +135,8 @@ const option = computed(() => props.chartConfig.option)
&.reverse {
flex-direction: row-reverse;
.scene-name {
margin-right: 0;
margin-left: 25px;
.scene-name-2 {
margin-right: 90px;
}
.metrics-container {
@ -174,9 +173,13 @@ const option = computed(() => props.chartConfig.option)
}
}
.scene-name {
.scene-name-1,
.scene-name-2 {
font-weight: bold;
margin-left: 105px;
}
.scene-name-1 {
margin-left: 95px;
}
.metrics-container {