style(比赛): 有密码的比赛前面那个彩色盾牌锁换成和全站一样的细线灰锁,放到比赛名后面

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-10-10 06:44:42 +08:00
1 parent 0e68c434fc
commit 2bb74652a0
3 files changed
+30 -53

No files matched your search

@@ -1,46 +0,0 @@
<script setup lang="ts">
import { useThemeVars } from "naive-ui"
/**
* 榜单上的名字:`ks241` 前缀淡一点,后面的名字是重点(和提交列表一个写法)。
* 前缀对不上班级号就整个照常显示
*/
const props = defineProps<{ username: string; className?: string | null; strong?: boolean }>()
const theme = useThemeVars()
const parts = computed(() => {
const prefix = props.className ? `ks${props.className}` : ""
if (prefix && props.username.startsWith(prefix) && props.username.length > prefix.length) {
return [prefix, props.username.slice(prefix.length)]
}
return ["", props.username]
})
</script>
<template>
<span class="user" :title="username"
><span class="prefix">{{ parts[0] }}</span
><span class="name" :class="{ strong }">{{ parts[1] }}</span></span
>
</template>
<style scoped>
.user {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.prefix {
color: v-bind("theme.textColor3");
}
.name {
color: v-bind("theme.textColor1");
}
.name.strong {
font-weight: 700;
}
</style>
@@ -1,48 +0,0 @@
<script setup lang="ts">
import { useThemeVars } from "naive-ui"
import { USERNAME_CLASS_RE } from "utils/constants"
/**
* 用户名:班级前缀(`ks253`)淡一档,名字加粗 —— 一个班的人前缀都一样,
* 老师要认的是后面那段。`muted` 用在学生看别人的那几行(看得到结果、看不到代码)。
*/
const props = defineProps<{ username: string; muted?: boolean }>()
const theme = useThemeVars()
const parts = computed(() => {
const match = props.username.match(USERNAME_CLASS_RE)
if (!match) return { prefix: "", name: props.username }
return { prefix: match[0], name: props.username.slice(match[0].length) || match[0] }
})
</script>
<template>
<span class="user" :class="{ muted }" :title="username">
<span v-if="parts.prefix" class="prefix">{{ parts.prefix }}</span>
<span class="name">{{ parts.name }}</span>
</span>
</template>
<style scoped>
.user {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
.prefix {
color: v-bind("theme.textColor3");
}
.name {
font-weight: 600;
color: v-bind("theme.textColor1");
}
.muted .name {
font-weight: 400;
color: v-bind("theme.textColor2");
}
</style>