[代码优化](v2.6):update

This commit is contained in:
ZhengJie
2020-11-22 20:49:29 +08:00
parent 9888efd061
commit 8450f2167e
5 changed files with 14 additions and 100 deletions

View File

@@ -39,7 +39,7 @@
</div>
</div>
<div class="content">
<el-progress type="circle" :percentage="parseFloat(data.cpu.used)" />
<el-progress type="dashboard" :percentage="parseFloat(data.cpu.used)" />
</div>
</el-tooltip>
<div class="footer">{{ data.cpu.coreNumber }} 核心</div>
@@ -59,7 +59,7 @@
</div>
</div>
<div class="content">
<el-progress type="circle" :percentage="parseFloat(data.memory.usageRate)" />
<el-progress type="dashboard" :percentage="parseFloat(data.memory.usageRate)" />
</div>
</el-tooltip>
<div class="footer">{{ data.memory.used }} / {{ data.memory.total }}</div>
@@ -79,7 +79,7 @@
</div>
</div>
<div class="content">
<el-progress type="circle" :percentage="parseFloat(data.swap.usageRate)" />
<el-progress type="dashboard" :percentage="parseFloat(data.swap.usageRate)" />
</div>
</el-tooltip>
<div class="footer">{{ data.swap.used }} / {{ data.swap.total }}</div>
@@ -97,7 +97,7 @@
</div>
</div>
<div class="content">
<el-progress type="circle" :percentage="parseFloat(data.disk.usageRate)" />
<el-progress type="dashboard" :percentage="parseFloat(data.disk.usageRate)" />
</div>
</el-tooltip>
</div>
@@ -268,13 +268,20 @@ export default {
padding-bottom: 20px;
margin-right: 5%;
}
.title, .footer {
.title {
text-align: center;
font-size: 15px;
font-weight: 500;
color: #999;
height: 30px;
}
.footer {
text-align: center;
font-size: 15px;
font-weight: 500;
color: #999;
height: 25px;
line-height: 25px;
margin-top: -5px;
margin-bottom: 6px;
}
.content {
text-align: center;