From ba9db8515b789c22428735153f842668e86b1fd6 Mon Sep 17 00:00:00 2001
From: wuyx <wuyx@dongwu-inc.com>
Date: Fri, 23 Dec 2022 09:16:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 129 ++++++++++++++++++++++++++--------------------------
 1 file changed, 64 insertions(+), 65 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1be1cbb..ca8721d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,18 +7,16 @@
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
-  <div
-    style="
+	<div style="
       background: #0078fc;
       height: 150px;
       width: 100%;
       position: absolute;
       top: 0;
       z-index: 1;
-    "
-  ></div>
-  <div id="container">
-    <!-- <div id="nav">
+    "></div>
+	<div id="container">
+		<!-- <div id="nav">
       <router-link
         v-for="item in routes"
         :key="item.path"
@@ -31,84 +29,85 @@
         {{ item.name }}
       </router-link>
     </div> -->
-    <main style="z-index: 2">
-      <router-view/>
-    </main>
-  </div>
+		<main style="z-index: 2">
+			<router-view />
+		</main>
+	</div>
 </template>
 <script setup>
-import {boeRequest} from "@/api/request";
-import {GET_USER_INFO} from "@/api/ThirdApi";
-import {useStore} from "vuex";
-import {onMounted} from "vue";
+import { boeRequest } from "@/api/request";
+import { GET_USER_INFO } from "@/api/ThirdApi";
+import { useStore } from "vuex";
+import { onMounted } from "vue";
 import router from "@/router";
 
-console.log("版本1.0.1------------");
+console.log("版本1.0.2------------");
 const store = useStore();
 onMounted(() => {
-  getUserInfo();
+	getUserInfo();
 });
 
 function getUserInfo() {
-  boeRequest(GET_USER_INFO).then((res) => {
-    res.result.avatar = import.meta.env.VITE_BOE_API_URL + '/upload' + (res.result.avatar ? res.result.avatar : '/800e23f7-b58c-4192-820d-0c6a2b7544cc.png')
-    store.commit("SET_USER", res.result);
-  });
+	boeRequest(GET_USER_INFO).then((res) => {
+		res.result.avatar = import.meta.env.VITE_BOE_API_URL + '/upload' + (res.result.avatar ? res.result.avatar : '/800e23f7-b58c-4192-820d-0c6a2b7544cc.png')
+		store.commit("SET_USER", res.result);
+	});
 }
 </script>
 <style lang="scss">
 #app {
-  // font-family: MicrosoftYaHei, Microsoft YaHei, Avenir, Helvetica, Arial,
-  // sans-serif;
-  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
-  Microsoft YaHei, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  color: #2c3e50;
-  height: 100%;
+	// font-family: MicrosoftYaHei, Microsoft YaHei, Avenir, Helvetica, Arial,
+	// sans-serif;
+	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
+		Microsoft YaHei, Arial, sans-serif;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	color: #2c3e50;
+	height: 100%;
 }
 
 #container {
-  display: flex;
-  width: 100%;
-  min-height: 100%;
-  background-color: rgba(242, 245, 247, 1);
-  // background-color: #ccc;
-  #nav {
-    width: 220px;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-    padding: 30px 0;
-    box-sizing: border-box;
-    background: #f1f1f1;
-    box-shadow: 0 5px 15px 8px rgba(1, 22, 54, 0.795);
+	display: flex;
+	width: 100%;
+	min-height: 100%;
+	background-color: rgba(242, 245, 247, 1);
 
-    .link {
-      text-decoration: none;
-      color: rgb(0, 0, 0);
-      padding: 10px;
-      transition: all 0.4s;
-      text-align: center;
+	// background-color: #ccc;
+	#nav {
+		width: 220px;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		gap: 20px;
+		padding: 30px 0;
+		box-sizing: border-box;
+		background: #f1f1f1;
+		box-shadow: 0 5px 15px 8px rgba(1, 22, 54, 0.795);
 
-      &:hover {
-        background: rgba(4, 37, 223, 0.274);
-        color: #f1f1f1;
-      }
+		.link {
+			text-decoration: none;
+			color: rgb(0, 0, 0);
+			padding: 10px;
+			transition: all 0.4s;
+			text-align: center;
 
-      &.active {
-        color: #f1f1f1;
-        background: rgba(17, 120, 255, 0.74);
-      }
-    }
-  }
+			&:hover {
+				background: rgba(4, 37, 223, 0.274);
+				color: #f1f1f1;
+			}
 
-  main {
-    flex: 1;
-    width: 100%;
-    // padding: 30px;
-    box-sizing: border-box;
-  }
+			&.active {
+				color: #f1f1f1;
+				background: rgba(17, 120, 255, 0.74);
+			}
+		}
+	}
+
+	main {
+		flex: 1;
+		width: 100%;
+		// padding: 30px;
+		box-sizing: border-box;
+	}
 }
 </style>