tijiao

litian

2025-03-18 4a8d8a5f49321d9597251e7ba69bf39f78baa51b

 src/App.vue

@@ -1,31 +1,8 @@
<script setup lang="ts">
import { ref } from "vue";
import Header from "./layout/Header.vue";
import TreeMenu from "./components/TreeMenu.vue";
import { ElConfigProvider } from "element-plus";
import zhCn from "element-plus/es/locale/lang/zh-cn";

const menuItem = ref("/");

const handMenu = (key: string) => {
  menuItem.value = key;
};
</script>

<template>
  <el-config-provider :locale="zhCn">
    <el-container class="common-layout">
      <el-header height="60px">
        <Header @selectMenu="handMenu" />
      </el-header>
      <el-container>
        <el-aside width="240px">
          <TreeMenu :menuItem="menuItem" />
        </el-aside>
        <el-main>
          <RouterView />
        </el-main>
      </el-container>
    </el-container>
  </el-config-provider>
  <RouterView />
</template>

<script setup lang="ts">

</script>
<style></style>