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,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>