From 8b60a7f8dd6c9a8a9df2a2f9690c17b6b14ef555 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Thu, 26 Feb 2026 15:41:59 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E8=84=9A?=
 =?UTF-8?q?=E6=9C=AC=E9=A1=B5=E9=9D=A2=E8=B4=A6=E5=8F=B7=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/User/Scripts.vue | 75 ++++++++++++++++++++------------------
 1 file changed, 40 insertions(+), 35 deletions(-)

diff --git a/src/pages/User/Scripts.vue b/src/pages/User/Scripts.vue
index a603313c..40f1a3ba 100644
--- a/src/pages/User/Scripts.vue
+++ b/src/pages/User/Scripts.vue
@@ -6,10 +6,10 @@
         <img alt="icon" src="/UI/nav/toolbox.webp" />
         <span>实用脚本</span>
         <v-select
-          v-model="curAccount"
           :disabled="runScript || runAll"
           :hide-details="true"
           :items="accounts"
+          :model-value="curAccount"
           class="us-top-select"
           density="compact"
           item-title="uid"
@@ -17,18 +17,18 @@
           variant="outlined"
         >
           <template #selection="{ item }">
-            <div class="select-main">
+            <div class="us-select-main">
               <img :src="item.brief.avatar" alt="icon" />
-              <div class="content">
+              <div class="us-sm-content">
                 <span>{{ item.brief.nickname }}</span>
                 <span>UID:{{ item.uid }}</span>
               </div>
             </div>
           </template>
           <template #item="{ props, item }">
-            <div class="select-item" v-bind="props">
+            <div class="us-select-item" v-bind="props" @click="() => (curAccount = item)">
               <img :src="item.brief.avatar" alt="icon" />
-              <div class="content">
+              <div class="us-si-content">
                 <span>{{ item.brief.nickname }}</span>
                 <span>UID:{{ item.uid }}</span>
               </div>
@@ -224,7 +224,7 @@ async function tryExecAll(): Promise<void> {
   max-width: 250px;
 }
 
-.select-main {
+.us-select-main {
   position: relative;
   display: flex;
   height: 24px;
@@ -236,24 +236,24 @@ async function tryExecAll(): Promise<void> {
     width: 24px;
     height: 24px;
   }
+}
 
-  .content {
-    position: relative;
-    display: flex;
-    flex-direction: column;
+.us-sm-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
 
-    :first-child {
-      font-family: var(--font-title);
-      font-size: 12px;
-    }
+  :first-child {
+    font-family: var(--font-title);
+    font-size: 12px;
+  }
 
-    :last-child {
-      font-size: 10px;
-    }
+  :last-child {
+    font-size: 10px;
   }
 }
 
-.select-item {
+.us-select-item {
   position: relative;
   display: flex;
   width: 100%;
@@ -262,35 +262,40 @@ async function tryExecAll(): Promise<void> {
   justify-content: flex-start;
   padding: 8px;
   column-gap: 4px;
+  cursor: pointer;
+
+  &:hover {
+    background: var(--common-shadow-1);
+  }
 
   img {
     width: 24px;
     height: 24px;
   }
+}
 
-  .content {
-    position: relative;
-    display: flex;
-    flex-direction: column;
+.us-si-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
 
-    :first-child {
-      font-family: var(--font-title);
-      font-size: 12px;
-    }
-
-    :last-child {
-      font-size: 10px;
-    }
+  :first-child {
+    font-family: var(--font-title);
+    font-size: 12px;
   }
 
-  .append {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-left: auto;
+  :last-child {
+    font-size: 10px;
   }
 }
 
+.append {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+}
+
 .top-hint {
   position: relative;
   padding: 8px;