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