Spaces:
Running
Running
Update src/templates/index.html
Browse files- src/templates/index.html +47 -2
src/templates/index.html
CHANGED
|
@@ -34,6 +34,26 @@
|
|
| 34 |
--student-b-light: rgba(255, 107, 107, 0.2);
|
| 35 |
}
|
| 36 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 37 |
* {
|
| 38 |
margin: 0;
|
| 39 |
padding: 0;
|
|
@@ -550,6 +570,8 @@
|
|
| 550 |
flex: 1;
|
| 551 |
position: relative;
|
| 552 |
min-height: 250px;
|
|
|
|
|
|
|
| 553 |
display: flex;
|
| 554 |
align-items: center;
|
| 555 |
justify-content: center;
|
|
@@ -824,6 +846,7 @@
|
|
| 824 |
.chart-area {
|
| 825 |
min-height: 200px;
|
| 826 |
max-height: 220px;
|
|
|
|
| 827 |
}
|
| 828 |
|
| 829 |
.subject-toggles {
|
|
@@ -1057,11 +1080,33 @@
|
|
| 1057 |
</div>
|
| 1058 |
<div class="meta-item">
|
| 1059 |
<span class="meta-label">排名变动</span>
|
| 1060 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1061 |
</div>
|
| 1062 |
<div class="meta-item">
|
| 1063 |
<span class="meta-label">总分变动</span>
|
| 1064 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1065 |
</div>
|
| 1066 |
</div>
|
| 1067 |
</div>
|
|
|
|
| 34 |
--student-b-light: rgba(255, 107, 107, 0.2);
|
| 35 |
}
|
| 36 |
|
| 37 |
+
/* 趋势图标样式 */
|
| 38 |
+
.meta-value-wrapper {
|
| 39 |
+
display: flex;
|
| 40 |
+
align-items: center;
|
| 41 |
+
gap: 4px;
|
| 42 |
+
}
|
| 43 |
+
|
| 44 |
+
.trend-icon {
|
| 45 |
+
font-size: 18px;
|
| 46 |
+
font-weight: bold;
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
.trend-icon.up, .trend-text.up {
|
| 50 |
+
color: var(--success-color);
|
| 51 |
+
}
|
| 52 |
+
|
| 53 |
+
.trend-icon.down, .trend-text.down {
|
| 54 |
+
color: var(--danger-color);
|
| 55 |
+
}
|
| 56 |
+
|
| 57 |
* {
|
| 58 |
margin: 0;
|
| 59 |
padding: 0;
|
|
|
|
| 570 |
flex: 1;
|
| 571 |
position: relative;
|
| 572 |
min-height: 250px;
|
| 573 |
+
width: 100%;
|
| 574 |
+
overflow: hidden;
|
| 575 |
display: flex;
|
| 576 |
align-items: center;
|
| 577 |
justify-content: center;
|
|
|
|
| 846 |
.chart-area {
|
| 847 |
min-height: 200px;
|
| 848 |
max-height: 220px;
|
| 849 |
+
width: 100%;
|
| 850 |
}
|
| 851 |
|
| 852 |
.subject-toggles {
|
|
|
|
| 1080 |
</div>
|
| 1081 |
<div class="meta-item">
|
| 1082 |
<span class="meta-label">排名变动</span>
|
| 1083 |
+
<div class="meta-value-wrapper">
|
| 1084 |
+
{% set rank_trend = record.get('rank_trend', '无数据') %}
|
| 1085 |
+
{% if '↑' in rank_trend %}
|
| 1086 |
+
<span class="material-icons trend-icon up">arrow_upward</span>
|
| 1087 |
+
<span class="trend-text up">{{ rank_trend|replace('↑', '') }}</span>
|
| 1088 |
+
{% elif '↓' in rank_trend %}
|
| 1089 |
+
<span class="material-icons trend-icon down">arrow_downward</span>
|
| 1090 |
+
<span class="trend-text down">{{ rank_trend|replace('↓', '') }}</span>
|
| 1091 |
+
{% else %}
|
| 1092 |
+
<span class="trend-text">{{ rank_trend }}</span>
|
| 1093 |
+
{% endif %}
|
| 1094 |
+
</div>
|
| 1095 |
</div>
|
| 1096 |
<div class="meta-item">
|
| 1097 |
<span class="meta-label">总分变动</span>
|
| 1098 |
+
<div class="meta-value-wrapper">
|
| 1099 |
+
{% set score_trend = record.get('score_trend', '无数据') %}
|
| 1100 |
+
{% if '↑' in score_trend %}
|
| 1101 |
+
<span class="material-icons trend-icon up">arrow_upward</span>
|
| 1102 |
+
<span class="trend-text up">{{ score_trend|replace('↑', '') }}</span>
|
| 1103 |
+
{% elif '↓' in score_trend %}
|
| 1104 |
+
<span class="material-icons trend-icon down">arrow_downward</span>
|
| 1105 |
+
<span class="trend-text down">{{ score_trend|replace('↓', '') }}</span>
|
| 1106 |
+
{% else %}
|
| 1107 |
+
<span class="trend-text">{{ score_trend }}</span>
|
| 1108 |
+
{% endif %}
|
| 1109 |
+
</div>
|
| 1110 |
</div>
|
| 1111 |
</div>
|
| 1112 |
</div>
|