lucas/go-view-fetch
1
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

123312

Browse Source
This commit is contained in:
lucashu 2025-08-22 09:01:59 +08:00
parent d190d15200
commit aaeaaaa191
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
View File

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