✨ feat: 修复样式问题

src/layout/components/AppMenu.vue

@@ -13,9 +13,9 @@
             <i
               class="iconfont app-menu-item-icon"
               :style="iconStyle(index)"
-              :class="item.mate.icon"
+              :class="item.meta.icon"
             ></i>
-            <span v-if="isText" class="app-menu-item-text ml-3">{{ item.mate.title }}</span>
+            <span v-if="isText" class="app-menu-item-text ml-3">{{ item.meta.title }}</span>
           </router-link>
         </div>
       </div>

src/layout/components/PlayBar.vue

@@ -242,8 +242,7 @@ const setMusicFull = () => {
 .music-play-bar {
   @apply h-20 w-full absolute bottom-0 left-0 flex items-center rounded-t-2xl overflow-hidden box-border px-6 py-2;
   z-index: 9999;
-  backdrop-filter: blur(20px);
-  box-shadow: 0px 0px 8px 0px rgba(203, 203, 203, 0.238);
+  box-shadow: 0px 0px 10px 2px rgba(203, 203, 203, 0.034);
   background-color: rgba(0, 0, 0, 0.747);  .music-content {
     width: 140px;
     @apply ml-4;

src/layout/components/SearchBar.vue

@@ -225,7 +225,9 @@ const selectItem = async (key: any) => {
     @apply ml-4 flex text-lg justify-center items-center rounded-full pl-3 border border-gray-600;
     background: #1a1a1a;
 }
-
+.search-box{
+    @apply pb-4 pr-4;
+}
 .search-box-input {
     @apply relative;
 }

src/layout/components/TitleBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="title-bar" @mousedown="drag" v-if="isElectron">
+  <div id="title-bar" @mousedown="drag">
     <div id="title">Alger Music</div>
     <div id="buttons">
       <button @click="minimize">
@@ -21,10 +21,6 @@ import { useDialog } from 'naive-ui'
 const dialog = useDialog()
 const windowData = window as any
 
-const isElectron = computed(() => {
-  return !!windowData.electronAPI.minimize
-})
-
 const minimize = () => {
   windowData.electronAPI.minimize()
 }