提交 9f9a23ac authored 作者: 邓文彬's avatar 邓文彬

fix(数据中心): UI优化

上级 c58f2a07
...@@ -5,8 +5,10 @@ ...@@ -5,8 +5,10 @@
<div class="item" v-for="(item, index) in cardItems" :key="item.text"> <div class="item" v-for="(item, index) in cardItems" :key="item.text">
<span>{{ item.label }}</span> <span>{{ item.label }}</span>
<div class="value-des"> <div class="value-des">
<span>{{ item.value || "--" }}</span> <span class="value-des-val">{{ item.value || "--" }}</span>
{{ index === 0 ? "亿元" : "%" }} <span :class="{
'value-des-unit':index !== 0
}"> {{ index === 0 ? "亿元" : "%" }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -205,11 +207,14 @@ export default defineComponent({ ...@@ -205,11 +207,14 @@ export default defineComponent({
margin-top: 10px; margin-top: 10px;
font-size: 12px; font-size: 12px;
color: #999; color: #999;
span { .value-des-val {
font-size: 20px; font-size: 20px;
margin-right: 5px; margin-right: 5px;
color: #4198ff; color: #4198ff;
} }
.value-des-unit{
color: #4198ff;
}
} }
} }
} }
......
...@@ -5,8 +5,10 @@ ...@@ -5,8 +5,10 @@
<div class="item" v-for="(item, index) in cardItems" :key="item.text"> <div class="item" v-for="(item, index) in cardItems" :key="item.text">
<span>{{ item.label }}</span> <span>{{ item.label }}</span>
<div class="value-des"> <div class="value-des">
<span>{{ item.value || "--" }}</span> <span class="value-des-val">{{ item.value || "--" }}</span>
{{ index === 0 ? "亿元" : "%" }} <span :class="{
'value-des-unit':index !== 0
}"> {{ index === 0 ? "亿元" : "%" }}</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -299,11 +301,14 @@ export default defineComponent({ ...@@ -299,11 +301,14 @@ export default defineComponent({
margin-top: 10px; margin-top: 10px;
font-size: 12px; font-size: 12px;
color: #999; color: #999;
span { .value-des-val {
font-size: 20px; font-size: 20px;
margin-right: 5px; margin-right: 5px;
color: #4198ff; color: #4198ff;
} }
.value-des-unit{
color: #4198ff;
}
} }
} }
} }
......
...@@ -220,8 +220,12 @@ export default defineComponent({ ...@@ -220,8 +220,12 @@ export default defineComponent({
.frequency { .frequency {
color: rgba(65, 152, 255, 1); color: rgba(65, 152, 255, 1);
font-weight: 500; font-weight: 500;
font-size: 20px;
display: flex;
align-items: center;
} }
.second { .second {
margin-left: 5px;
color: #666666; color: #666666;
font-size: 12px; font-size: 12px;
font-weight: normal; font-weight: normal;
......
...@@ -252,9 +252,11 @@ export default defineComponent({ ...@@ -252,9 +252,11 @@ export default defineComponent({
.frequency { .frequency {
color: rgba(65, 152, 255, 1); color: rgba(65, 152, 255, 1);
font-weight: 500; font-weight: 500;
font-size: 20px;
} }
.second { .second {
color: #999; color: #999;
font-size: 14px;
} }
} }
.text { .text {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论