@@ -71,7 +71,7 @@
style="
overflow-y: auto;
padding-right: 8px;
- border-right: 1px solid #e0e0e0;
+ border-right: 1px solid var(--wp-line);
display: flex;
flex-direction: column;
gap: 8px;
@@ -94,8 +94,8 @@
width: '22px',
height: '22px',
borderRadius: '50%',
- background: selectedRound === index ? '#2080f0' : '#c2d5fb',
- color: '#fff',
+ background: selectedRound === index ? 'var(--wp-css)' : 'var(--wp-css-soft)',
+ color: 'var(--wp-surface)',
fontSize: '12px',
fontWeight: 'bold',
display: 'flex',
@@ -112,11 +112,11 @@
flex: 1,
padding: '10px 14px',
borderRadius: '8px',
- background: selectedRound === index ? '#e8f0fe' : '#f5f5f5',
+ background: selectedRound === index ? 'var(--wp-css-soft)' : 'var(--wp-paper)',
border:
selectedRound === index
- ? '1px solid #2080f0'
- : '1px solid #e0e0e0',
+ ? '1px solid var(--wp-css)'
+ : '1px solid var(--wp-line)',
fontSize: '13px',
lineHeight: '1.6',
transition: 'all 0.2s',
@@ -154,9 +154,9 @@
padding: '1px 5px',
borderRadius: '4px',
background:
- round.source === 'conversation' ? '#e8f0fe' : '#f0f0f0',
+ round.source === 'conversation' ? 'var(--wp-css-soft)' : 'var(--wp-line)',
color:
- round.source === 'conversation' ? '#2060c0' : '#888',
+ round.source === 'conversation' ? 'var(--wp-css)' : 'var(--wp-muted)',
fontWeight: 500,
whiteSpace: 'nowrap',
}"
@@ -212,7 +212,7 @@
-
+
第 {{ selectedRound + 1 }} 轮网页
@@ -285,12 +285,12 @@ async function deleteRound(index: number) {
}
const levelColors: Record
= {
- 1: "#aaa",
- 2: "#6aab9c",
- 3: "#4a9ade",
+ 1: "var(--wp-faint)",
+ 2: "var(--wp-brand)",
+ 3: "var(--wp-css)",
4: "#c47ab8",
- 5: "#e0a040",
- 6: "#e05c5c",
+ 5: "var(--wp-warn)",
+ 6: "var(--wp-bad)",
}
const selectedPageHtml = computed(() => {
diff --git a/client/src/components/submissions/ExpandedSubTable.vue b/client/src/components/submissions/ExpandedSubTable.vue
index 3d7cba6..964aab1 100644
--- a/client/src/components/submissions/ExpandedSubTable.vue
+++ b/client/src/components/submissions/ExpandedSubTable.vue
@@ -71,7 +71,7 @@ const subColumns = computed((): DataTableColumn[] => [
{ style: { display: "flex", gap: "6px", alignItems: "baseline" } },
[
h("span", avgScore),
- h("span", { style: { fontSize: "11px", color: "#999" } }, myScore),
+ h("span", { style: { fontSize: "11px", color: "var(--wp-faint)" } }, myScore),
],
)
},
diff --git a/client/src/components/task/ChallengeList.vue b/client/src/components/task/ChallengeList.vue
deleted file mode 100644
index 95f6941..0000000
--- a/client/src/components/task/ChallengeList.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
- 暂无挑战，敬请期待
-
-
-
-
- ✓
- {{
- item.title
- }}
-
-
-
-
- {{ item.score }} 分
- 及格 {{ item.pass_score }} 分
-
-
-
- 出题人：{{ item.author_name || "未设置" }}
-
-
-
-
-
-
-
diff --git a/client/src/components/task/TaskPanel.vue b/client/src/components/task/TaskPanel.vue
index 053a925..1f96a79 100644
--- a/client/src/components/task/TaskPanel.vue
+++ b/client/src/components/task/TaskPanel.vue
@@ -2,9 +2,7 @@
-
- {{ taskTab === TASK_TYPE.Tutorial ? "教程" : "挑战" }}
-
+ 教程
@@ -59,8 +57,7 @@
-
-
+
([])
@@ -134,16 +130,11 @@ const route = useRoute()
const router = useRouter()
// 路由同步：初始执行 + watch 响应 SPA 内部导航
+// 这个面板只用在教程页（挑战有自己的页面）
function syncRoute(routeName: string) {
- if (routeName.startsWith("home-tutorial")) {
- taskTab.value = TASK_TYPE.Tutorial
- if (route.params.display) step.value = Number(route.params.display)
- } else if (routeName.startsWith("home-challenge")) {
- taskTab.value = TASK_TYPE.Challenge
- if (route.params.display)
- challengeDisplay.value = Number(route.params.display)
- // 挑战列表里没有选中的任务，“提交”不可用
- else taskId.value = 0
+ taskTab.value = TASK_TYPE.Tutorial
+ if (routeName.startsWith("home-tutorial") && route.params.display) {
+ step.value = Number(route.params.display)
}
}
syncRoute(route.name as string)
@@ -155,9 +146,7 @@ watch(
defineEmits(["hide"])
-const hideNav = computed(
- () => taskTab.value !== TASK_TYPE.Tutorial || tutorialIds.value.length <= 1,
-)
+const hideNav = computed(() => tutorialIds.value.length <= 1)
const progressText = computed(() => {
const ids = tutorialIds.value
diff --git a/client/src/components/task/TaskStatsModal.vue b/client/src/components/task/TaskStatsModal.vue
index 774c46a..24a2802 100644
--- a/client/src/components/task/TaskStatsModal.vue
+++ b/client/src/components/task/TaskStatsModal.vue
@@ -21,7 +21,7 @@
align="center"
style="margin-bottom: 16px; flex-wrap: wrap; gap: 6px"
>
- 班级筛选：
+ 班级筛选：
{{ metric.value }}
-
@@ -77,7 +77,7 @@
@@ -99,12 +99,12 @@
style="
width: 7px;
height: 7px;
- background: #d03050;
+ background: var(--wp-bad);
border-radius: 50%;
display: inline-block;
"
>
- 未提交（{{ stats.unsubmitted_count }}人）
@@ -115,14 +115,14 @@
: 'lucide:chevron-right'
"
:width="14"
- style="color: #aaa"
+ style="color: var(--wp-faint)"
/>
{{ displayName(u.username, u.classname) }}
暂无
@@ -147,7 +147,7 @@
@@ -169,15 +169,15 @@
style="
width: 7px;
height: 7px;
- background: #e07800;
+ background: var(--wp-warn);
border-radius: 50%;
display: inline-block;
"
>
- 未打分（{{ stats.unrated_count }}人）
- — 还没给任何提交打过分
@@ -186,14 +186,14 @@
showUnrated ? 'lucide:chevron-down' : 'lucide:chevron-right'
"
:width="14"
- style="color: #aaa"
+ style="color: var(--wp-faint)"
/>
{{ displayName(u.username, u.classname) }}
暂无
@@ -222,11 +222,11 @@
font-weight: 600;
font-size: 13px;
margin-bottom: 8px;
- color: #333;
+ color: var(--wp-ink);
"
>
提交次数分布
- （已提交的 {{ stats.submitted_count }} 人）
@@ -252,13 +252,13 @@
>
{{ bucket.value }}