🐞 fix: 修复标题栏异常消失 #142

README.md

@@ -1,11 +1,3 @@
-<!-- <div align="center">
-<img alt="logo" height="80" src="./public/images/icons/favicon.png" />
-<h2>SPlayer</h2>
-<p>一个简约的音乐播放器</p>
-<img alt="main" src="./screenshots/main.png" />
-</div>
-<br /> -->
-
 # SPlayer
 
 > 一个简约的音乐播放器

package.json

@@ -1,6 +1,6 @@
 {
   "name": "splayer",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "A minimalist music player",
   "main": "./out/main/index.js",
   "author": "imsyy",
@@ -30,13 +30,13 @@
     "@electron-toolkit/preload": "^3.0.0",
     "@electron-toolkit/utils": "^3.0.0",
     "@material/material-color-utilities": "^0.2.7",
-    "NeteaseCloudMusicApi": "^4.14.1",
-    "axios": "^1.6.5",
+    "NeteaseCloudMusicApi": "^4.15.6",
+    "axios": "^1.6.7",
     "colorthief": "^2.4.0",
-    "electron-dl": "^3.5.1",
-    "electron-store": "^8.1.0",
-    "electron-updater": "^6.1.7",
-    "express": "^4.18.2",
+    "electron-dl": "^3.5.2",
+    "electron-store": "^8.2.0",
+    "electron-updater": "^6.1.8",
+    "express": "^4.18.3",
     "express-http-proxy": "^2.0.0",
     "howler": "^2.2.4",
     "js-cookie": "^3.0.5",
@@ -47,30 +47,30 @@
     "pinia-plugin-persistedstate": "^3.2.1",
     "plyr": "^3.7.8",
     "screenfull": "^6.0.2",
-    "vue-router": "^4.2.5",
+    "vue-router": "^4.3.0",
     "vue-slider-component": "4.1.0-beta.7"
   },
   "devDependencies": {
     "@electron-toolkit/eslint-config": "^1.0.2",
-    "@rushstack/eslint-patch": "^1.6.1",
-    "@vitejs/plugin-vue": "^5.0.3",
+    "@rushstack/eslint-patch": "^1.7.2",
+    "@vitejs/plugin-vue": "^5.0.4",
     "@vue/eslint-config-prettier": "^9.0.0",
     "ajv": "^8.12.0",
-    "electron": "^28.1.3",
-    "electron-builder": "^24.9.1",
-    "electron-log": "^5.0.3",
-    "electron-vite": "^2.0.0",
-    "eslint": "^8.56.0",
-    "eslint-plugin-vue": "^9.20.1",
-    "naive-ui": "^2.37.3",
-    "prettier": "^3.2.2",
-    "sass": "^1.69.7",
-    "terser": "^5.26.0",
-    "unplugin-auto-import": "^0.17.3",
+    "electron": "^28.2.7",
+    "electron-builder": "^24.13.3",
+    "electron-log": "^5.1.2",
+    "electron-vite": "^2.1.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^9.23.0",
+    "naive-ui": "^2.38.1",
+    "prettier": "^3.2.5",
+    "sass": "^1.72.0",
+    "terser": "^5.29.1",
+    "unplugin-auto-import": "^0.17.5",
     "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.0.11",
+    "vite": "^5.1.6",
     "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-pwa": "^0.17.4",
+    "vite-plugin-pwa": "^0.17.5",
     "vue": "3.4.8"
   }
 }

src/components/Modal/LoginQRCode.vue

@@ -133,6 +133,8 @@ onBeforeUnmount(() => {
       min-width: 180px;
       height: 180px;
       width: 180px;
+      min-height: 180px;
+      min-width: 180px;
       box-sizing: border-box;
       transition: opacity 0.3s;
       &.hidden {

src/components/Nav/MainNav.vue

@@ -93,7 +93,7 @@
       <!-- 用户信息 -->
       <userData />
       <!-- TitleBar -->
-      <TitleBar v-if="checkPlatform.electron()" />
+      <TitleBar v-if="titleBarShow" />
     </div>
   </nav>
 </template>
@@ -122,6 +122,9 @@ const openGithub = () => {
   window.open(packageJson.github);
 };
 
+// TitleBar
+const titleBarShow = ref(false);
+
 // 主菜单渲染
 const mainMenuShow = ref(false);
 const mainMenuOptions = computed(() => [
@@ -138,6 +141,13 @@ const mainMenuOptions = computed(() => [
     },
   },
 ]);
+
+onMounted(() => {
+  nextTick().then(() => {
+    // 是否显示 TitleBar
+    titleBarShow.value = checkPlatform.electron() || typeof electron !== "undefined";
+  });
+});
 </script>
 
 <style lang="scss" scoped>