修复本地屏蔽规则管理
This commit is contained in:
@@ -1,40 +0,0 @@
|
||||
# 减小统计卡片大小并移除统计图
|
||||
|
||||
## 需求分析
|
||||
用户希望减小统计卡片的大小并移除卡片中的统计图,只保留数值和基本信息。
|
||||
|
||||
## 实现方案
|
||||
|
||||
### 1. 修改统计卡片HTML结构
|
||||
- 移除每个统计卡片中包含canvas元素的div(高度为16px的图表区域)
|
||||
- 减小卡片的内边距(从p-6改为p-4)
|
||||
- 调整卡片内部元素的间距,确保布局紧凑美观
|
||||
|
||||
### 2. 移除图表相关JavaScript代码
|
||||
- 移除dashboard.js中对`initStatCardCharts()`和`updateStatCardCharts()`函数的调用
|
||||
- 这些函数负责初始化和更新统计卡片中的折线图
|
||||
- 移除后不会影响其他图表功能(如主图表区域的图表)
|
||||
|
||||
### 3. 具体修改点
|
||||
|
||||
#### HTML文件修改(index.html)
|
||||
- 对于每个统计卡片(共8个),移除包含canvas的div元素
|
||||
- 减小卡片内边距:将`p-6`改为`p-4`
|
||||
- 调整卡片内部元素的margin和padding,确保布局紧凑
|
||||
|
||||
#### JavaScript文件修改(dashboard.js)
|
||||
- 移除第31行的`initStatCardCharts()`调用
|
||||
- 移除第139行的`updateStatCardCharts(stats)`调用
|
||||
- 移除第367行的`updateStatCardCharts(stats)`调用
|
||||
- 移除第525行的`updateStatCardCharts(stats)`调用
|
||||
|
||||
## 预期效果
|
||||
- 统计卡片大小减小,布局更紧凑
|
||||
- 卡片中只显示标题、数值和百分比信息
|
||||
- 移除了不必要的图表,减少了页面加载时间和资源消耗
|
||||
- 整体界面更简洁,重点突出数值信息
|
||||
|
||||
## 注意事项
|
||||
- 确保移除图表后不会导致其他功能错误
|
||||
- 保持卡片之间的一致性和美观性
|
||||
- 确保数值和百分比信息清晰可见
|
||||
Reference in New Issue
Block a user