💄 添加 finish icon

This commit is contained in:
BTMuli
2023-10-08 23:38:37 +08:00
parent 788560f536
commit 96ab38b932
2 changed files with 10 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 896 B

View File

@@ -76,8 +76,11 @@
</div> </div>
<v-list-item> <v-list-item>
<template #prepend> <template #prepend>
<v-icon :color="achievement.isCompleted ? 'success' : 'var(--tgc-blue-3)'"> <v-icon v-if="!achievement.isCompleted" color="var(--tgc-blue-3)">
{{ achievement.isCompleted ? "mdi-check-circle" : "mdi-circle" }} mdi-circle
</v-icon>
<v-icon v-else class="achievement-finish">
<img alt="finish" src="/source/UI/finish.webp" />
</v-icon> </v-icon>
</template> </template>
<v-list-item-title> <v-list-item-title>
@@ -501,6 +504,11 @@ async function handleImportOuter(app: string): Promise<void> {
text-align: center; text-align: center;
} }
.achievement-finish img {
width: 30px;
height: 30px;
}
/* 成就完成时间 */ /* 成就完成时间 */
.right-time { .right-time {
margin-right: 10px; margin-right: 10px;