fix:修改页面

src/layout/LayoutColumns/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="main-container">
+    <el-scrollbar>
+      <div class="menu-wrap">
+        <div class="item-menu-wrap">
+
+        </div>
+      </div>
+    </el-scrollbar>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import {usePermissionStore} from "@/store/modules/permission"
+const PermissionStore = usePermissionStore()
+
+const route = useRoute()
+
+// 获取路由
+const permission_routes = computed(() => PermissionStore.permission_routes)
+
+</script>
+
+
+<style lang="scss" scoped>
+.menu-wrap{
+
+  width: 100%;
+  height: 50px;
+  text-align: center;
+  display: flex;
+  cursor: pointer;
+  position: relative;
+  z-index: 1;
+}
+</style>

src/layout/LayoutHorizontal/HeaderHorizontal/index.vue

@@ -1,33 +1,32 @@
-     <template>
+  <template>
-  <!--纵向布局-->
+    <!--纵向布局-->
-  <Height/>
+    <Height/>
-  <div
+    <div
-      class="m-layout-header"
+        class="m-layout-header"
-      :class="{
+        :class="{
-          'fixed-header':themeConfig.fixedHeader,
+            'fixed-header':themeConfig.fixedHeader,
-      }">
+        }">
-    <div class="header-inner">
+      <div class="header-inner">
-      <el-menu
+        <el-menu
-          mode="horizontal"
+            mode="horizontal"
-          :default-active="activeMenu"
+            :default-active="activeMenu"
-          background-color="#304156"
+            background-color="#304156"
-          text-color="#bfcbd9"
+            text-color="#bfcbd9"
-          :unique-opened="SettingStore.themeConfig.uniqueOpened"
+            :unique-opened="SettingStore.themeConfig.uniqueOpened"
-          :collapse-transition="false"
+            :collapse-transition="false"
-          class="menu-horizontal"
+            class="menu-horizontal"
-      >
+        >
-        <SubItem
+          <SubItem
-            v-for="route in permission_routes"
+              v-for="route in permission_routes"
-            :key="route.path"
+              :key="route.path"
-            :item="route"
+              :item="route"
-            :base-path="route.path"
+              :base-path="route.path"
-        />
+          />
-      </el-menu>
+        </el-menu>
-      <HeaderToolRight/>
+        <HeaderToolRight/>
+      </div>
+      <TagsView v-if="themeConfig.showTag"/>
     </div>
-    <TagsView v-if="themeConfig.showTag"/>
-  </div>
-
 </template>
 
 <script lang="ts" setup>
@@ -56,7 +55,6 @@ const activeMenu = computed(() => {
   return path
 })
 
-
 // 主题配置
 const themeConfig = computed(() =>SettingStore.themeConfig)
 const isCollapse = computed(() =>!SettingStore.isCollapse)
@@ -64,6 +62,5 @@ const isCollapse = computed(() =>!SettingStore.isCollapse)
 
 <style lang="scss" scoped>
 @import "./index.scss";
-
 </style>