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

closes  #37 #38

src/renderer/components.d.ts

@@ -22,6 +22,7 @@ declare module 'vue' {
     NEmpty: typeof import('naive-ui')['NEmpty']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
+    NIcon: typeof import('naive-ui')['NIcon']
     NImage: typeof import('naive-ui')['NImage']
     NInput: typeof import('naive-ui')['NInput']
     NInputNumber: typeof import('naive-ui')['NInputNumber']
@@ -39,6 +40,8 @@ declare module 'vue' {
     NTabPane: typeof import('naive-ui')['NTabPane']
     NTabs: typeof import('naive-ui')['NTabs']
     NTag: typeof import('naive-ui')['NTag']
+    NTooltip: typeof import('naive-ui')['NTooltip']
+    NVirtualList: typeof import('naive-ui')['NVirtualList']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }

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 {

src/renderer/layout/components/PlayBar.vue

@@ -395,7 +395,7 @@ const handleArtistClick = (id: number) => {
 
   &-play {
     @apply flex justify-center items-center w-20 h-12 rounded-full mx-4 transition text-gray-500;
-    @apply bg-gray-100 bg-opacity-60 hover:bg-gray-200;
+    @apply bg-gray-100 bg-opacity-60 dark:bg-gray-800 dark:bg-opacity-60 hover:bg-gray-200;
   }
 }
 

src/renderer/views/user/index.vue

@@ -207,7 +207,6 @@ watch(
 // 页面挂载时检查登录状态
 onMounted(() => {
   checkLoginStatus();
-  loadPage();
 });
 
 // 展示歌单
@@ -275,7 +274,7 @@ const handlePlay = () => {
     .record-list {
       @apply rounded-2xl;
       @apply bg-light dark:bg-black;
-      height: calc(100% - 3.75rem);
+      height: calc(100% - 100px);
 
       .record-item {
         @apply flex items-center px-4;