111

src/views/home/left-nav.vue

@@ -15,6 +15,9 @@
 			<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="onTest">
+			<span class="title" v-show="!isCollapse">TEST</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>
@@ -102,6 +105,9 @@
 		router.push({ name: 'mainInput' })
 	}
 	const onHome = () => {}
+	const onTest = () => {
+		router.push({ name: 'test' })
+	}
 	const onHistory = () => {
 		if (isCollapse.value) {
 			globalStore.setHomeLeftNavCollapse(false)
@@ -218,6 +224,12 @@
 			cursor: pointer;
 			border-radius: 8px;
 			padding: 0.9rem 0.8rem;
+			> * {
+				margin-right: 1.6rem;
+				&:last-child {
+					margin-right: 0;
+				}
+			}
 			&:hover {
 				background-color: rgba(0, 0, 0, 0.06);
 			}
@@ -225,7 +237,6 @@
 				flex: 1;
 				font-weight: 500;
 				font-size: 2rem;
-				margin: 0 1.6rem;
 			}
 			> .icon {
 				transition: transform 0.2s ease-in-out;