用户信息显示优化
This commit is contained in:
@@ -64,20 +64,20 @@
|
||||
<el-col :span="8">
|
||||
<div class="chart-container pie-chart-container">
|
||||
<h4>CPU使用率: {% raw %}{{ systemInfo.cpu_usage }}{% endraw %}%</h4>
|
||||
<canvas id="cpuChart" width="80" height="80"></canvas>
|
||||
<canvas id="cpuChart" width="72" height="72"></canvas>
|
||||
</div>
|
||||
</el-col>
|
||||
<!-- 其他饼图保持不变 -->
|
||||
<el-col :span="8">
|
||||
<div class="chart-container pie-chart-container">
|
||||
<h4>内存使用率: {% raw %}{{ systemInfo.memory_usage }}{% endraw %}%</h4>
|
||||
<canvas id="memoryChart" width="80" height="80"></canvas>
|
||||
<canvas id="memoryChart" width="72" height="72"></canvas>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="chart-container pie-chart-container">
|
||||
<h4>磁盘使用率: {% raw %}{{ systemInfo.disk_usage }}{% endraw %}%</h4>
|
||||
<canvas id="diskChart" width="80" height="80"></canvas>
|
||||
<canvas id="diskChart" width="72" height="72"></canvas>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -616,7 +616,7 @@
|
||||
|
||||
/* 饼图容器样式 */
|
||||
.pie-chart-container {
|
||||
padding: 5px;
|
||||
padding: 4px;
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
box-shadow: none;
|
||||
@@ -624,8 +624,8 @@
|
||||
|
||||
.pie-chart-container h4 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 12px;
|
||||
margin-bottom: 4px;
|
||||
font-size: 11px;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user