fix: 前端优化

frontend/app/web-gold/src/components/UserDropdown.vue

@@ -25,7 +25,7 @@ async function handleLogout() {
 </script>
 
 <template>
-  <a-dropdown placement="bottomRight" :trigger="['click', 'hover']">
+  <a-dropdown placement="bottomRight" :trigger="['hover']">
     <div class="user-avatar-container">
       <img 
         v-if="userStore.displayAvatar" 
@@ -63,31 +63,33 @@ async function handleLogout() {
   cursor: pointer;
   display: flex;
   align-items: center;
-  transition: transform 0.2s ease;
+  will-change: transform;
 }
 
 .user-avatar-container:hover {
   transform: scale(1.05);
 }
 
-.user-avatar {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  object-fit: cover;
-  border: 2px solid var(--color-border, #e5e7eb);
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-}
-
-.user-avatar:hover {
-  border-color: var(--color-primary, #1890ff);
-  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
-}
-
+.user-avatar,
 .user-avatar-placeholder {
   width: 40px;
   height: 40px;
   border-radius: 50%;
+  border: 2px solid var(--color-border, #e5e7eb);
+  transition: border-color 0.15s, box-shadow 0.15s;
+}
+
+.user-avatar-container:hover .user-avatar,
+.user-avatar-container:hover .user-avatar-placeholder {
+  border-color: var(--color-primary, #1890ff);
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+
+.user-avatar {
+  object-fit: cover;
+}
+
+.user-avatar-placeholder {
   background: linear-gradient(135deg, var(--color-primary, #1890ff), var(--color-blue, #36cfc9));
   display: flex;
   align-items: center;
@@ -95,12 +97,5 @@ async function handleLogout() {
   color: #fff;
   font-weight: 600;
   font-size: 16px;
-  border: 2px solid var(--color-border, #e5e7eb);
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-}
-
-.user-avatar-placeholder:hover {
-  border-color: var(--color-primary, #1890ff);
-  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
 }
 </style>