diff --git a/src/router/index.ts b/src/router/index.ts
index 9c81c40..980b8a4 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -40,7 +40,7 @@ const router = createRouter({
 			component: () => import('../views/home/index.vue'),
 			children: [
 				{
-					path: 'test',
+					path: 'test/:id',
 					name: 'test',
 					component: () => import('../views/home/test.vue'),
 					meta: { topNavStyle: '2' }
diff --git a/src/views/home/left-nav.vue b/src/views/home/left-nav.vue
index e5c9d89..0b4174a 100644
--- a/src/views/home/left-nav.vue
+++ b/src/views/home/left-nav.vue
@@ -25,7 +25,7 @@
 		<div class="history-list" v-show="!isCollapse && showHistory">
 			<div v-for="item in historyList" :key="item.name" class="history-item">
 				<div v-if="item.title" class="title">{{ item.name }}</div>
-				<div v-else class="box">
+				<div v-else class="box" @click="onClickHistoryItem(item)">
 					<span>{{ item.name }}</span>
 					<el-popover placement="right" trigger="click">
 						<template #reference>
@@ -62,9 +62,11 @@
 			name: $t('Home.today')
 		},
 		{
+			id: 1,
 			name: 'Conversation Item 1'
 		},
 		{
+			id: 2,
 			name: 'Conversation Item 2'
 		},
 		{
@@ -72,6 +74,7 @@
 			name: $t('Home.yesterday')
 		},
 		{
+			id: 3,
 			name: 'Conversation Item 3'
 		},
 		{
@@ -79,9 +82,11 @@
 			name: $t('Home.earlierChat')
 		},
 		{
+			id: 4,
 			name: 'Conversation Item 4'
 		},
 		{
+			id: 5,
 			name: 'Conversation Item 5'
 		}
 	])
@@ -91,6 +96,10 @@
 	const onHistory = () => {
 		showHistory.value = !showHistory.value
 	}
+	const onClickHistoryItem = (item: any) => {
+		console.log(item)
+		router.push({ name: 'test', params: { id: item.id } })
+	}
 </script>
 
 <style lang="less" scoped>
diff --git a/src/views/home/test.vue b/src/views/home/test.vue
index bd0663b..6f456f1 100644
--- a/src/views/home/test.vue
+++ b/src/views/home/test.vue
@@ -1,11 +1,14 @@
 <template>
 	<div class="test">
-		<p>老八秘制小汉堡</p>
+		<p>老八秘制小汉堡 - {{ id }}</p>
 	</div>
 </template>
 
 <script setup lang="ts">
 	import { computed } from 'vue'
+	import { useRoute } from 'vue-router'
+	const route = useRoute()
+	const id = computed(() => route.params.id)
 </script>
 
 <style lang="less" scoped>
diff --git a/src/views/login/css/style.css b/src/views/login/css/style.css
index 356e101..af89775 100644
--- a/src/views/login/css/style.css
+++ b/src/views/login/css/style.css
@@ -5,6 +5,7 @@
   overflow: hidden;
   padding: 2.5rem;
   display: flex;
+  user-select: none;
 }
 .register > .left,
 .login > .left {
@@ -35,6 +36,7 @@
 .login > .left > .logo > span {
   font-weight: 600;
   font-size: 3.3rem;
+  font-family: SemiBold;
 }
 .register > .right,
 .login > .right {
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 71d002b..c1d0385 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -46,6 +46,7 @@
 				outline: none;
 				font-size: 2.2rem;
 				font-weight: 600;
+				font-family: SemiBold;
 				&:active {
 					opacity: 0.8;
 				}
diff --git a/src/views/login/less/style.less b/src/views/login/less/style.less
index a0546a4..63deb3c 100644
--- a/src/views/login/less/style.less
+++ b/src/views/login/less/style.less
@@ -5,6 +5,7 @@
 	overflow: hidden;
 	padding: 2.5rem;
 	display: flex;
+	user-select: none;
 
 	>.left {
 		flex: 1;
@@ -32,6 +33,7 @@
 			>span {
 				font-weight: 600;
 				font-size: 3.3rem;
+				font-family: SemiBold;
 			}
 		}
 	}