首页添加dock菜单

src/components/ui/BottomDock.vue

@@ -367,8 +367,7 @@ export default {
 
 /* ================= 交互状态：悬浮与选中 ================= */
 
-.dock-item:hover,
-.dock-item.is-active {
+.dock-item:hover {
     transform: translateY(-15px) scale(1.15);
 }
 

src/layouts/DashboardLayout.vue

@@ -28,6 +28,9 @@
 
                 <section class="center-area">
                     <slot name="center"></slot>
+
+                    <!-- 底部dock菜单-->
+                    <BottomDock @change="handleDockChange" />
                 </section>
 
                 <aside class="right-sidebar">
@@ -43,8 +46,13 @@
 </template>
 
 <script>
+import BottomDock from '@/components/ui/BottomDock.vue';
+
 export default {
     name: 'DashboardLayout',
+    components: {
+        BottomDock,
+    },
     props: {
         // 接收外部传入的 class，用于动态切换 CSS 网格布局
         // 例如传入 "special-situation-monitoring"