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;
 					}