基本国际化处理

src/assets/main.css

@@ -1,3 +1,19 @@
-#app .el-header{
+body, #app .el-header{
-    padding-left: 0;
+    padding: 0;
+}
+
+body {
+    margin: 0;
+}
+
+html, body, #app, .index-container {
+    height: 100%;
+}
+
+.index-aside {
+    border-right: solid 1px var(--el-menu-border-color);
+}
+
+.index-aside .el-menu {
+    border-right: 0 none;
 }

src/stores/globalConfig.js

@@ -0,0 +1,10 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useGlobalConfigStore = defineStore('globalConfig', () => {
+  const currentLocale = ref('zh-CN')
+  const changeLocale = function (locale) {
+    currentLocale.value = locale
+  }
+  return { currentLocale, changeLocale }
+})

src/views/HomeView.vue

@@ -17,7 +17,10 @@ const testDay = function () {
 
 <template>
   <el-container class="index-container">
-    <el-aside width="auto">
+    <el-aside
+      class="index-aside"
+      width="auto"
+    >
       <left-menu v-model:collapse-left="collapseLeft" />
     </el-aside>
     <el-container>