From d79de499cfbff8aef88713b8ec4caacd43224ef3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Mon, 31 Mar 2025 14:52:14 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20=E6=98=BE=E5=BC=8F=E6=88=90?=
 =?UTF-8?q?=E5=B0=B1=E9=9A=90=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/common/PageAchi.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/pages/common/PageAchi.vue b/src/pages/common/PageAchi.vue
index 610760b7..1d5572ec 100644
--- a/src/pages/common/PageAchi.vue
+++ b/src/pages/common/PageAchi.vue
@@ -3,7 +3,7 @@
     <template #prepend>
       <div class="achi-prepend">
         <img alt="icon" src="../../assets/icons/achievements.svg" />
-        <span @click="switchHideFin">我的成就</span>
+        <span>我的成就</span>
         <v-select
           density="compact"
           v-model="uidCur"
@@ -35,6 +35,13 @@
         <v-btn class="top-btn" prepend-icon="mdi-export" @click="exportJson()">导出</v-btn>
         <v-btn class="top-btn" prepend-icon="mdi-plus" @click="createUid()">新建存档</v-btn>
         <v-btn class="top-btn" prepend-icon="mdi-delete" @click="deleteUid()">删除存档</v-btn>
+        <div class="top-switch" @click="switchHideFin">
+          <v-icon v-if="hideFin" color="var(--tgc-od-green)">
+            mdi-checkbox-marked-circle-outline
+          </v-icon>
+          <v-icon v-else color="var(--tgc-od-white)">mdi-circle</v-icon>
+          <span>隐藏已完成</span>
+        </div>
       </div>
     </template>
   </v-app-bar>
@@ -291,7 +298,6 @@ onUnmounted(async () => {
     color: var(--common-text-title);
     font-family: var(--font-title);
     font-size: 20px;
-    cursor: pointer;
   }
 }
 
@@ -325,6 +331,16 @@ onUnmounted(async () => {
   font-family: var(--font-title);
 }
 
+.top-switch {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-size: 18px;
+  font-family: var(--font-title);
+}
+
 .wrap {
   display: flex;
   height: calc(100vh - 144px);