自动路由-bug版

src/views/Home.vue

@@ -2,7 +2,7 @@
   <div class="home-page" :style="contentStyle">
     <d-layout>
       <d-content class="main-content">
-        <div class="pt-8 px-12">
+        <div class="pt-8 px-12 relative">
           <d-input class="devui-input-demo__mt" size="lg" v-model="searchWord" @keyup.enter="search" placeholder="请输入">
             <template #prepend>
               <d-select class="w-48" size="lg" v-model="broswer" :options="options"></d-select>
@@ -15,7 +15,7 @@
         <!-- 图片网格展示区域 -->
         <PerfectScrollbar class="" :style="navStyle">
           <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"
+            <d-card class="bg-[#ffffff80] h-25" v-for="(item, index) in navlist" :key="index"
               @click="goExtra(item.menu_link)">
               <template #content>
                 <div class="mt-1 w-full flex flex-col items-center cursor-pointer hover:!text-primary">
@@ -27,7 +27,7 @@
                 </div>
               </template>
             </d-card>
-            <d-card class="bg-[white] h-25">
+            <d-card class="bg-[#ffffff80] h-25">
               <div @click="addNav" class="w-full h-full flex flex-col items-center justify-center cursor-pointer">
                 <div :style="{ background: getRandomDarkColor() }"
                   class="w-12 h-12 rounded-full text-2xl text-white flex items-center justify-center">
@@ -78,10 +78,12 @@
 </template>
 
 <script setup lang="ts">
-import aplayer from '@/components/aplayer.vue'
-import homeSide from '@/components/homeSide.vue'
 import { getDictValue } from '@/util/index.ts'
 
+definePage({
+  name:'home'
+})
+
 // 新增导航弹窗
 const visible: any = ref(false)
 const navData: any = reactive({
@@ -235,8 +237,15 @@ onMounted(() => {
 
 <style scoped lang="less">
 /* 首页样式 */
+.main-content {
+  background-image: url('@/assets/images/小鹿.png');
+  background-repeat: no-repeat;
+  background-position: 111% center;
+  background-size: auto 100%;
+}
 .navcard {
   display: grid;
+
 }
 
 :deep(.devui-input-slot__prepend) {