🐞 fix: 修复抽屉zindex 修复一些样式问题

closes  #37 #38

src/renderer/components/MusicList.vue

@@ -7,7 +7,7 @@
     mask-closable
     :style="{ backgroundColor: 'transparent' }"
     :to="`#layout-main`"
-    :z-index="9998"
+    :z-index="zIndex"
     @mask-click="close"
   >
     <div class="music-page">
@@ -89,6 +89,7 @@ const props = withDefaults(
   defineProps<{
     show: boolean;
     name: string;
+    zIndex?: number;
     songList: any[];
     loading?: boolean;
     listInfo?: {
@@ -99,7 +100,8 @@ const props = withDefaults(
   }>(),
   {
     loading: false,
-    cover: true
+    cover: true,
+    zIndex: 9996
   }
 );
 

src/renderer/components/common/ArtistDrawer.vue

@@ -59,6 +59,7 @@
                   v-for="album in albums"
                   :key="album.id"
                   shape="square"
+                  :z-index="9998"
                   :item="{
                     id: album.id,
                     picUrl: album.picUrl,

src/renderer/components/common/SearchItem.vue

@@ -28,6 +28,7 @@
       :song-list="songList"
       :list-info="listInfo"
       :cover="false"
+      :z-index="zIndex"
     />
     <mv-player
       v-if="item.type === 'mv'"
@@ -52,6 +53,7 @@ import MusicList from '../MusicList.vue';
 const props = withDefaults(
   defineProps<{
     shape?: 'square' | 'rectangle';
+    zIndex?: number;
     item: {
       picUrl: string;
       name: string;

src/renderer/components/common/SongItem.vue

@@ -328,11 +328,11 @@ const artists = computed(() => {
     }
 
     &-like {
-      @apply mr-2 cursor-pointer ml-4;
+      @apply mr-2 cursor-pointer ml-4 transition-all;
     }
 
     .like-active {
-      @apply text-red-500;
+      @apply text-red-500 dark:text-red-500;
     }
 
     &-play {