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

fix(数据中心): UI优化

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