From d958e1e0a3f9c1e051e803831552ec7d62e76da6 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期二, 04 三月 2025 11:19:28 +0800
Subject: [PATCH] 模型库更新
---
src/App.vue | 46 ++++++++++++++++------------------------------
1 files changed, 16 insertions(+), 30 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index a539bf8..a03c67c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,45 +1,31 @@
<script setup lang="ts">
-// import { RouterView } from "vue-router";
-import Header from './layout/Header.vue';
-import TreeMenu from './components/TreeMenu.vue';
+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>
- <div class="common-layout">
- <el-container>
+ <el-config-provider :locale="zhCn">
+ <el-container class="common-layout">
<el-header height="60px">
- <Header/>
+ <Header @selectMenu="handMenu" />
</el-header>
<el-container>
<el-aside width="240px">
- <TreeMenu />
+ <TreeMenu :menuItem="menuItem" />
</el-aside>
<el-main>
<RouterView />
</el-main>
</el-container>
</el-container>
- </div>
+ </el-config-provider>
</template>
-
-<style lang="less">
-.common-layout {
- height: 100vh;
- .el-container {
- height: 100%;
- }
- .el-header {
- background-color: #fff;
- color: #333;
- line-height: 60px;
- border-bottom: 1px solid #eee;
- }
- .el-aside {
- background-color: #fff;
- border-right: 1px solid #eee;
- }
- .el-main {
- background-color: #f5f7fa;
- }
-}
-</style>
--
Gitblit v1.9.1