design statystyk pociągu

This commit is contained in:
2024-03-03 15:10:29 +01:00
parent 5f8d7480d1
commit a7861b361d
+10 -9
View File
@@ -100,17 +100,18 @@
<StockList :trainStockList="train.stockList" :tractionOnly="true" /> <StockList :trainStockList="train.stockList" :tractionOnly="true" />
<div> <div>
<span v-for="(stat, i) in STATS.main" :key="stat.name"> <span>{{ train.speed }}km/h</span>
<span v-if="i > 0"> &bull; </span>
<span
>{{ `${~~((train as any)[stat.name] * (stat.multiplier || 1))}${stat.unit}` }}
</span>
</span>
</div>
<span v-if="train.stockList.length > 1" class="text--grayed"> <div>
<span> {{ train.length }}m</span>
&bull;
<span> {{ (train.mass / 1000).toFixed(1) }}t</span>
<span v-if="train.stockList.length > 1">
&bull;
{{ $t('trains.cars') }}: {{ train.stockList.length - 1 }} {{ $t('trains.cars') }}: {{ train.stockList.length - 1 }}
</span> </span>
</div>
</div>
</section> </section>
</div> </div>
</template> </template>
@@ -167,7 +168,7 @@ export default defineComponent({
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
gap: 0.25em; gap: 0.5em;
} }
.train-info { .train-info {