fix: bug

src/features/mark/MarkTool.vue

@@ -136,10 +136,7 @@
       </div>
     </div>
     <div>
-      <div
-        :class="['mark-tool-item', { 'is-active': greaterThanOneScale }]"
-        @click="toEyecare"
-      >
+      <div class="mark-tool-item" @click="toEyecare">
         <img src="@/assets/icons/icon-eye-green.svg" />
         <p>护眼模式</p>
       </div>
@@ -265,15 +262,21 @@ const equalOneScale = computed(() => {
   return store.setting.uiSetting["answer.paper.scale"] === 1;
 });
 
-const toEyecare = () => {
+let eyecareMode = $ref(Number(window.localStorage.getItem("eyecareMode", "0")));
+eyecareMode = eyecareMode === 1 ? 0 : 1;
+toEyecare();
+function toEyecare() {
   const classList = Array.from(document.body.classList);
   const eyecareCls = "eyecare-mode";
-  if (classList.includes(eyecareCls)) {
+  if (eyecareMode === 1) {
+    eyecareMode = 0;
     document.body.classList = classList.filter((item) => item !== eyecareCls);
   } else {
+    eyecareMode = 1;
     document.body.classList = [...classList, eyecareCls];
   }
-};
+  window.localStorage.setItem("eyecareMode", eyecareMode);
+}
 
 function clearLatestTagOfCurrentTask() {
   if (!store.currentTask?.markResult) return;