✨ feat: 优化评论页半屏显示 & 添加评论页面

Fixes #986

Author: imsyy

src/components/List/CommentList.vue

@@ -291,7 +291,7 @@ const handleHug = debounce(async (item: CommentType) => {
         border-radius: 8px;
         font-size: 13px;
         margin-top: 6px;
-        background-color: rgba(var(--main-cover-color), 0.12);
+        background-color: rgba(var(--main-cover-color, var(--primary)), 0.12);
         .text {
           white-space: pre-wrap;
           user-select: text;
@@ -338,7 +338,7 @@ const handleHug = debounce(async (item: CommentType) => {
   &.transparent {
     .comments {
       border-color: transparent;
-      background-color: rgba(var(--main-cover-color), 0.08);
+      background-color: rgba(var(--main-cover-color, var(--primary)), 0.08);
       .content {
         font-size: 16px;
       }

src/components/Modal/Setting/CoverManager.vue

@@ -14,7 +14,11 @@
           class="item"
         >
           <n-text class="name">{{ item.name }}</n-text>
-          <n-switch v-model:value="settingStore.hiddenCovers[item.key]" :round="false" />
+          <n-switch
+            :value="!settingStore.hiddenCovers[item.key]"
+            :round="false"
+            @update:value="(val) => (settingStore.hiddenCovers[item.key] = !val)"
+          />
         </n-card>
       </div>
     </n-scrollbar>

src/components/Modal/Setting/FullscreenPlayerManager.vue

@@ -37,7 +37,6 @@ const items = computed<Item[]>(() => [
   { label: "显示喜欢按钮", key: "like" },
   { label: "显示添加到歌单", key: "addToPlaylist" },
   { label: "显示下载按钮", key: "download" },
-  { label: "显示评论按钮", key: "comments" },
   { label: "显示桌面歌词", key: "desktopLyric" },
   { label: "显示更多设置", key: "moreSettings" },
   { label: "显示复制歌词", key: "copyLyric" },
@@ -48,11 +47,6 @@ const items = computed<Item[]>(() => [
     key: "commentCount",
     disabled: !settingStore.fullscreenPlayerElements.comments,
   },
-  {
-    label: "评论页半屏显示（左侧）",
-    key: "commentHalfScreen",
-    disabled: !settingStore.fullscreenPlayerElements.comments,
-  },
 ]);
 
 const updateSetting = (key: FullscreenPlayerElementKey, val: boolean) => {

src/components/Modal/Setting/SidebarHideManager.vue

@@ -15,9 +15,9 @@
         >
           <n-text class="name">{{ item.label }}</n-text>
           <n-switch
-            :value="settingStore.sidebarHide[item.key]"
+            :value="!settingStore.sidebarHide[item.key]"
             :round="false"
-            @update:value="(val) => updateSetting(item.key, val)"
+            @update:value="(val) => updateSetting(item.key, !val)"
           />
         </n-card>
       </div>