优化Dropdown

web/src/components/LibraryCard.vue

@@ -8,15 +8,24 @@
       <template v-slot:trigger>
         <button class="card-menu-btn" aria-label="更多操作"><EllipsisVertical :size="16" /></button>
       </template>
-      <button @click="viewSongs">查看歌曲</button>
-      <button @click="scanCard">扫描</button>
-      <button type="reset" @click="deleteCard">删除</button>
+      <button class="dropdown-item" @click="viewSongs">
+        <ListMusic class="dropdown-icon" :size="16" />
+        <span class="dropdown-text">查看歌曲</span>
+      </button>
+      <button class="dropdown-item" @click="scanCard">
+        <RotateCw class="dropdown-icon" :size="16" />
+        <span class="dropdown-text">扫描</span>
+      </button>
+      <button class="dropdown-item danger" type="button" @click="deleteCard">
+        <Trash2 class="dropdown-icon" :size="16" />
+        <span class="dropdown-text">删除</span>
+      </button>
     </DropDown>
   </div>
 </template>
 
 <script setup>
-import { EllipsisVertical, FolderOpen } from 'lucide-vue-next'
+import { EllipsisVertical, FolderOpen, ListMusic, RotateCw, Trash2 } from 'lucide-vue-next'
 import DropDown from './DropDown.vue'
 
 const props = defineProps({