修复style
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="summary19">
|
||||
<div class="summary19-item" v-for="(item, index) in data" :key="index" v-if="index < 4">
|
||||
<div style="color: white" v-text="item[keys]"/>
|
||||
<div class="label" v-text="item[keys]"/>
|
||||
<span v-text="item[value]"/>
|
||||
<p v-if="item.unit" v-text="item.unit"/>
|
||||
</div>
|
||||
@@ -49,18 +49,24 @@ $theme-color: #23ECFD;
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 4px;
|
||||
font-size: 12px;
|
||||
|
||||
span {
|
||||
font-family: D-DIN;
|
||||
font-size: 18px;
|
||||
color: $theme-color;
|
||||
min-width: 60px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $theme-color;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: white;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
&:nth-of-type(2n) {
|
||||
justify-self: flex-end;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user