湖里大屏(数字工地):样式调整

This commit is contained in:
Jack 2022-08-05 17:47:09 +08:00
parent 881cdd892a
commit b02199a35c

View File

@ -4,15 +4,15 @@
<div class="count"> <div class="count">
<div class="icon" :class="[leftCount.img]"></div> <div class="icon" :class="[leftCount.img]"></div>
<div class="info"> <div class="info">
<div class="num blue">{{ leftCount.value }}</div>
<div class="label">{{ leftCount.label }}</div> <div class="label">{{ leftCount.label }}</div>
<div class="num blue">{{ leftCount.value }}</div>
</div> </div>
</div> </div>
<div class="count"> <div class="count">
<div class="icon" :class="[rightCount.img]"></div> <div class="icon" :class="[rightCount.img]"></div>
<div class="info"> <div class="info">
<div class="num red">{{ rightCount.value }}</div>
<div class="label">{{ rightCount.label }}</div> <div class="label">{{ rightCount.label }}</div>
<div class="num red">{{ rightCount.value }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -88,10 +88,10 @@ export default {
.info { .info {
color: #fff; color: #fff;
.num { .num {
margin-bottom: 6px;
font-size: 18px; font-size: 18px;
} }
.label { .label {
margin-bottom: 6px;
font-size: 14px; font-size: 14px;
} }
} }
@ -100,5 +100,9 @@ export default {
.content { .content {
height: calc(100% - 84px); height: calc(100% - 84px);
} }
.red {
color: #ff6c7f;
}
} }
</style> </style>