From c2ddf632c8e642813c89e501d402f06c57369a22 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 03 三月 2025 16:22:18 +0800
Subject: [PATCH] 国际化配置
---
src/App.vue | 43 +++++++++++--------------------------------
1 files changed, 11 insertions(+), 32 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 3c352f4..a03c67c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,52 +1,31 @@
<script setup lang="ts">
-import { ref } from 'vue';
-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 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 @selectMenu="handMenu"/>
+ <Header @selectMenu="handMenu" />
</el-header>
<el-container>
<el-aside width="240px">
- <TreeMenu :menuItem="menuItem"/>
+ <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