kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复style

Browse Source
This commit is contained in:
aixianling
2024-02-05 17:05:43 +08:00
parent 9414658842
commit 066feca056
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/layout/AiDvSummary/components/Summary19.vue
View File

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