✨ feat(打包初始化):

src/layout/components/MusicFull.vue

@@ -117,8 +117,8 @@ defineExpose({
     @apply flex-1 flex justify-center mr-24;
 
     .img {
-      width: 450px;
-      height: 450px;
+      width: 350px;
+      height: 350px;
       @apply rounded-xl;
     }
   }
@@ -137,7 +137,8 @@ defineExpose({
 
   .music-lrc {
     background-color: inherit;
-    width: 800px;
+    min-width: 400px;
+    max-width: 800px;
     height: 550px;
 
     &-text {

src/layout/components/TitleBar.vue

@@ -0,0 +1,52 @@
+<template>
+  <div id="title-bar" @mousedown="drag">
+    <div id="title">Alger Music</div>
+    <div id="buttons">
+      <button @click="minimize">
+        <i class="iconfont icon-minisize"></i>
+      </button>
+      <!-- <button @click="maximize">
+        <i class="iconfont icon-maxsize"></i>
+      </button> -->
+      <button @click="close">
+        <i class="iconfont icon-close"></i>
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+const minimize = () => {
+  window.electronAPI.minimize()
+}
+
+const maximize = () => {
+  window.electronAPI.maximize()
+}
+
+const close = () => {
+  window.electronAPI.close()
+}
+
+const drag = (event: HTMLElement) => {
+  window.electronAPI.dragStart(event)
+}
+</script>
+
+<style scoped lang="scss">
+#title-bar {
+  -webkit-app-region: drag;
+  @apply flex justify-between text-white px-6 py-3 select-none relative;
+  z-index: 9999999;
+}
+
+#buttons {
+  @apply flex gap-4;
+  -webkit-app-region: no-drag;
+}
+
+button {
+  @apply hover:text-green-500;
+}
+</style>