[代码优化](v2.6):update
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user