ui调整

src/views/home/left-nav.vue

@@ -15,6 +15,10 @@
 			<span class="icon"><svg-icon name="home" size="24" /></span>
 			<span class="title" v-show="!isCollapse">{{ $t('Home.home') }}</span>
 		</div> -->
+		<div class="menu-item" @click="onCanvas">
+			<!-- <span class="icon"><svg-icon name="home" size="24" /></span> -->
+			<span class="title">画布</span>
+		</div>
 		<div class="menu-item" @click="onHistory" :class="{ active: showHistory }">
 			<span class="icon"><svg-icon name="history" size="24" /></span>
 			<span class="title" v-show="!isCollapse">{{ $t('Home.history') }}</span>
@@ -103,6 +107,9 @@
 	const onHome = () => {
 		console.log('onHome')
 	}
+	const onCanvas = () => {
+		router.push({ name: 'canvas' })
+	}
 	const onHistory = () => {
 		showHistory.value = !showHistory.value
 	}
@@ -112,7 +119,6 @@
 	const onRenameHistoryItem = (item: any) => {
 		// const index = historyList.value.findIndex((i: any) => i.id == item.id)
 		// if (index != -1) {
-
 		// }
 	}
 	const onDeleteHistoryItem = (item: any) => {
@@ -247,7 +253,7 @@
 						white-space: nowrap;
 						overflow: hidden;
 					}
-					>.icon{
+					> .icon {
 						width: 2.5rem;
 						height: 2.5rem;
 					}

src/views/home/top-nav.vue

@@ -68,7 +68,7 @@
 			height: 4.3rem;
 			margin-right: 1rem;
 			background-color: rgba(255, 252, 244, 1);
-			border: 1px solid rgba(233, 121, 60, 1);
+			border: 1px solid #FFCF90;
 			border-radius: 0.8rem;
 			> .credits {
 				flex: 1;
@@ -78,7 +78,7 @@
 			> .link {
 				height: 100%;
 				width: 0;
-				border-right: 1px solid rgba(233, 121, 60, 1);
+				border-right: 1px solid #FFCF90;
 			}
 			> .icon {
 				cursor: pointer;