1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
| /* src/styles/statistics.css */
| /* 统计页面公共样式 */
| .statistics-container {
| padding: 20px;
| background-color: #f5f7fa;
| }
|
| .filter-panel {
| margin-bottom: 20px;
| background: white;
| border-radius: 4px;
| box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
| }
|
| .chart-container {
| background: white;
| border-radius: 4px;
| margin-bottom: 20px;
| box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
| }
|
| .chart-container .chart-header {
| padding: 20px 20px 0;
| border-bottom: 1px solid #ebeef5;
| }
|
| .chart-container .chart-body {
| padding: 20px;
| height: 400px;
| }
|
| .data-table {
| background: white;
| border-radius: 4px;
| box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
| }
|
| /* 响应式设计 */
| @media (max-width: 768px) {
| .chart-container {
| margin-bottom: 10px;
| }
|
| .chart-container .chart-body {
| height: 300px;
| }
| }
|
|
