🦄 refactor: 重构整个项目 优化打包 修改后台服务为本地运行 添加更新版本检测功能

src/renderer/views/home/index.vue

@@ -0,0 +1,63 @@
+<template>
+  <n-scrollbar :size="100" :x-scrollable="false">
+    <div class="main-page">
+      <!-- 推荐歌手 -->
+      <recommend-singer />
+      <div class="main-content">
+        <!-- 歌单分类列表 -->
+        <playlist-type v-if="!isMobile" />
+        <!-- 本周最热音乐 -->
+        <recommend-songlist />
+        <!-- 推荐最新专辑 -->
+        <div>
+          <favorite-list is-component />
+          <recommend-album />
+        </div>
+      </div>
+    </div>
+  </n-scrollbar>
+</template>
+
+<script lang="ts" setup>
+import PlaylistType from '@/components/PlaylistType.vue';
+import RecommendAlbum from '@/components/RecommendAlbum.vue';
+import RecommendSinger from '@/components/RecommendSinger.vue';
+import RecommendSonglist from '@/components/RecommendSonglist.vue';
+import { isMobile } from '@/utils';
+import FavoriteList from '@/views/favorite/index.vue';
+
+defineOptions({
+  name: 'Home'
+});
+</script>
+
+<style lang="scss" scoped>
+.main-page {
+  @apply h-full w-full overflow-hidden bg-light dark:bg-black;
+}
+.main-content {
+  @apply mt-6 flex mb-28;
+}
+
+.mobile {
+  .main-content {
+    @apply flex-col mx-4;
+  }
+  :deep(.favorite-page) {
+    @apply p-0 mx-4 h-full;
+  }
+}
+
+:deep(.favorite-page) {
+  @apply p-0 mx-4 h-[300px];
+  .favorite-header {
+    @apply mb-0 px-0 !important;
+    h2 {
+      @apply text-lg font-bold text-gray-900 dark:text-white;
+    }
+  }
+  .favorite-list {
+    @apply px-0 !important;
+  }
+}
+</style>