首页细节调整

src/views/Home.vue

@@ -14,16 +14,16 @@
         </div>
         <!-- 图片网格展示区域 -->
         <PerfectScrollbar class="" :style="navStyle">
-          <div class="navcard grid-cols-4 gap-6 p-12">
+          <div class="navcard grid-cols-5 gap-6 p-12">
             <d-card class="bg-[white] h-25" v-for="(item, index) in navlist" :key="index"
               @click="goExtra(item.menu_link)">
               <template #content>
-                <div class="mt-2 w-full flex flex-col items-center cursor-pointer">
+                <div class="mt-1 w-full flex flex-col items-center cursor-pointer hover:!text-primary">
                   <div :style="{ background: item.color }"
                     class="w-8 h-8 rounded-full text-white flex items-center justify-center" v-if="item.icon_error">
                     {{ item.first }}</div>
                   <img v-else width="32" :src="item.menu_icon" @error="imgErr(index)" class="grid-image" />
-                  <div class="mt-1 w-full text-center">{{ item.menu_name || "" }}</div>
+                  <div class="mt-2 w-full text-center text-lg">{{ item.menu_name || "" }}</div>
                 </div>
               </template>
             </d-card>
@@ -70,13 +70,18 @@
       </div>
     </d-modal>
 
+    <!-- 音乐插件 -->
+    <aplayer></aplayer>
+
 
   </div>
 </template>
 
 <script setup lang="ts">
+import aplayer from '@/components/aplayer.vue'
 import homeSide from '@/components/homeSide.vue'
 import { getDictValue } from '@/util/index.ts'
+
 // 新增导航弹窗
 const visible: any = ref(false)
 const navData: any = reactive({