未选做按钮样式优化

src/features/mark/MarkBoardTrack.vue

@@ -262,7 +262,24 @@
             空
           </div>
         </a-tooltip>
-        <a-button
+        <div
+          v-if="store.currentTask.questionList[curQuestionIndex].selective"
+          class="single-score tw-cursor-pointer tw-font-bold unselective"
+          :class="{
+            'current-score':
+              store.currentTask.questionList[curQuestionIndex]
+                .hasSetUnselective,
+          }"
+          @click="
+            setUnselect(
+              store.currentTask.questionList[curQuestionIndex],
+              curQuestionIndex
+            )
+          "
+        >
+          未选做
+        </div>
+        <!-- <a-button
           v-if="store.currentTask.questionList[curQuestionIndex].selective"
           :type="
             store.currentTask.questionList[curQuestionIndex].hasSetUnselective
@@ -277,7 +294,7 @@
             )
           "
           >未选做</a-button
-        >
+        > -->
       </div>
     </div>
     <div
@@ -767,6 +784,9 @@ const buttonHeightForSelective = $computed(() =>
   background-color: var(--app-container-bg-color);
 
   border-radius: 30px;
+  &.unselective {
+    width: 72px;
+  }
 }
 
 .current-score {