更改字体

src/assets/css/style.css

@@ -12,7 +12,6 @@ p {
 }
 * {
   box-sizing: border-box;
-  font-family: 'Medium';
 }
 html,
 body,
@@ -20,6 +19,7 @@ body,
   width: 100%;
   height: 100%;
   overflow: hidden;
+  font-family: 'Medium';
 }
 @keyframes loading {
   0% {

src/assets/css/style.less

@@ -13,7 +13,6 @@ p {
 
 * {
 	box-sizing: border-box;
-	font-family: 'Medium';
 }
 
 html,
@@ -22,6 +21,7 @@ body,
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
+	font-family: 'Medium';
 }
 
 @keyframes loading {

src/lang/en.ts

@@ -1,9 +1,10 @@
 export default {
     Login: {
-        Login: 'Log in',
+        login: 'Log in',
-        SignUp: 'Sign up',
+		register: 'Register',
-        LoginTo: 'Log on to',
+        signUp: 'Sign up',
-        LoginTitle: 'A multi-agent canvas for rapid, trend driven design iteration.',
+        loginTo: 'Log on to',
+        loginTitle: 'A multi-agent canvas for rapid, trend driven design iteration.',
         name: 'Name',
         email: 'Email',
         password: 'Password',
@@ -42,7 +43,7 @@ export default {
         next: 'Next',
         nuic2Title: `What's your dream <b>home vibe</b> ?`,
         loadMore: 'Load more',
-        nuic3Title: `Where <b>are you based</b>? What do you <b>do</b> ?`,
+        nuic3Title: `<b>Where</b> are you based? What do you <b>do</b> ?`,
         basedIn: 'Based in',
         role: 'Role',
         allSet: 'All set!'

src/lang/zh-cn.ts

@@ -1,9 +1,10 @@
 export default {
 	Login: {
-		Login: '登录',
+		login: '登录',
-		SignUp: '注册',
+		register: '注册',
-		LoginTo: '登录到',
+		signUp: '注册',
-		LoginTitle: '一个多智能体画布，用于快速、趋势驱动的设计迭代。',
+		loginTo: '登录到',
+		loginTitle: '一个多智能体画布，用于快速、趋势驱动的设计迭代。',
 		name: '姓名',
 		email: '邮箱',
 		password: '密码',
@@ -42,7 +43,7 @@ export default {
 		next: '下一步',
 		nuic2Title: `您理想中 <b>家的氛围</b> 是什么？`,
 		loadMore: '加载更多',
-		nuic3Title: `您在哪里 <b>工作</b> ？您从事什么 <b>工作</b> ？`,
+		nuic3Title: `您在 <b>哪里</b> 工作？您从事什么 <b>工作</b> ？`,
 		basedIn: '公司',
 		role: '角色',
 		allSet: '准备好了！',

src/views/home/left-nav.vue

@@ -25,15 +25,24 @@
 		<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" @click="onClickHistoryItem(item)">
+				<div
+					v-else
+					class="box"
+					@click="onClickHistoryItem(item)"
+					:class="{ active: item.id == id }"
+				>
 					<span>{{ item.name }}</span>
-					<el-popover placement="right" trigger="click">
+					<el-popover
+						placement="right"
+						trigger="click"
+						popper-style="padding: 1rem 0.5rem;"
+					>
 						<template #reference>
-							<span class="icon"><svg-icon name="more" size="16" /></span>
+							<span @click.stop class="icon"><svg-icon name="more" size="16" /></span>
 						</template>
-						<div class="button-box">
+						<div class="history-item-menu">
-							<div class="rename-btn">Rename</div>
+							<div class="rename" @click="onRenameHistoryItem(item)">Rename</div>
-							<div class="delete-btn">Delete</div>
+							<div class="delete" @click="onDeleteHistoryItem(item)">Delete</div>
 						</div>
 					</el-popover>
 				</div>
@@ -50,6 +59,7 @@
 	const route = useRoute()
 	const router = useRouter()
 	import { useGlobalStore } from '@/stores'
+	const id = computed(() => route.params.id)
 	const globalStore = useGlobalStore()
 	const isCollapse = computed(() => globalStore.state.homeLeftNavCollapse)
 	const onCollapse = () => {
@@ -97,9 +107,21 @@
 		showHistory.value = !showHistory.value
 	}
 	const onClickHistoryItem = (item: any) => {
-		console.log(item)
 		router.push({ name: 'test', params: { id: item.id } })
 	}
+	const onRenameHistoryItem = (item: any) => {
+		// const index = historyList.value.findIndex((i: any) => i.id == item.id)
+		// if (index != -1) {
+
+		// }
+	}
+	const onDeleteHistoryItem = (item: any) => {
+		console.log(item)
+		const index = historyList.value.findIndex((i: any) => i.id == item.id)
+		if (index != -1) {
+			historyList.value.splice(index, 1)
+		}
+	}
 </script>
 
 <style lang="less" scoped>
@@ -131,7 +153,7 @@
 				margin-right: 1rem;
 			}
 			> .logo-text {
-				font-family: Mazzard;
+				font-family: SemiBold;
 				font-weight: 600;
 				font-size: 3rem;
 				margin-right: auto;
@@ -204,14 +226,19 @@
 				> .title {
 					font-weight: 600;
 					font-size: 1.6rem;
+					font-family: SemiBold;
 				}
 				> .box {
+					font-family: Regular;
 					border-radius: 0.8rem;
 					cursor: pointer;
 					&.active,
 					&:hover {
 						background-color: rgba(0, 0, 0, 0.06);
 					}
+					&.active {
+						font-family: SemiBold;
+					}
 					> .label {
 						flex: 1;
 						font-weight: 400;
@@ -220,8 +247,28 @@
 						white-space: nowrap;
 						overflow: hidden;
 					}
+					>.icon{
+						width: 2.5rem;
+						height: 2.5rem;
+					}
 				}
 			}
 		}
 	}
+	.history-item-menu {
+		user-select: none;
+		> div {
+			cursor: pointer;
+			padding: 0.5rem 1rem;
+			&:hover {
+				background-color: rgba(0, 0, 0, 0.06);
+			}
+		}
+		> .rename {
+			color: #409eff;
+		}
+		> .delete {
+			color: #ff4d4f;
+		}
+	}
 </style>

src/views/login/css/style.css

@@ -98,8 +98,7 @@
 .register > .right > .box > .tip,
 .login > .right > .box > .tip {
   font-weight: 400;
-  font-family: General Sans Variable;
+  font-family: Regular;
-  font-style: Regular;
   font-size: 1.8rem;
   color: #666;
   margin-top: 0.4rem;
@@ -109,6 +108,10 @@
   margin-top: 5rem;
   width: 100%;
 }
+.register > .right > .box > .el-form::v-deep,
+.login > .right > .box > .el-form::v-deep {
+  font-family: Regular;
+}
 .register > .right > .box > .el-form::v-deep .el-form-item,
 .login > .right > .box > .el-form::v-deep .el-form-item {
   margin-bottom: 2rem;
@@ -118,6 +121,7 @@
   color: #252727;
   font-size: 1.8rem;
   margin-bottom: 0.8rem;
+  font-family: Medium;
 }
 .register > .right > .box > .el-form::v-deep .el-input,
 .login > .right > .box > .el-form::v-deep .el-input {
@@ -167,12 +171,14 @@
   border-radius: 0.8rem;
   color: #fff;
   font-weight: 600;
+  font-family: SemiBold;
 }
 .register > .right > .box > .tip-2,
 .login > .right > .box > .tip-2 {
   font-weight: 400;
   font-size: 1.6rem;
   color: #666;
+  font-family: Regular;
 }
 .register > .right > .box > .tip-2::v-deep > span,
 .login > .right > .box > .tip-2::v-deep > span {

src/views/login/index.vue

@@ -2,8 +2,8 @@
 	<div class="index background-pink">
 		<div class="header">
 			<p class="split"></p>
-			<button class="login" @click="onLogin">{{ $t('Login.Login') }}</button>
+			<button class="login" @click="onLogin">{{ $t('Login.login') }}</button>
-			<button class="register" @click="onRegister">{{ $t('Login.SignUp') }}</button>
+			<button class="register" @click="onRegister">{{ $t('Login.signUp') }}</button>
 		</div>
 	</div>
 </template>

src/views/login/less/style.less

@@ -95,8 +95,8 @@
 
 			>.tip {
 				font-weight: 400;
-				font-family: General Sans Variable;
+				font-family: Regular;
-				font-style: Regular;
+				// font-style: Regular;
 				font-size: 1.8rem;
 				color: #666;
 				margin-top: 0.4rem;
@@ -107,6 +107,8 @@
 				width: 100%;
 
 				&::v-deep {
+					font-family: Regular;
+
 					.el-form-item {
 						margin-bottom: 2rem;
 					}
@@ -115,6 +117,7 @@
 						color: #252727;
 						font-size: 1.8rem;
 						margin-bottom: 0.8rem;
+						font-family: Medium;
 					}
 
 					.el-input {
@@ -167,6 +170,7 @@
 						border-radius: 0.8rem;
 						color: #fff;
 						font-weight: 600;
+						font-family: SemiBold;
 					}
 				}
 			}
@@ -175,6 +179,7 @@
 				font-weight: 400;
 				font-size: 1.6rem;
 				color: #666;
+				font-family: Regular;
 
 				&::v-deep>span {
 					text-decoration: underline;

src/views/login/login.vue

@@ -17,10 +17,10 @@
 				<img src="@/assets/images/login/elephant.png" />
 				<template v-if="!isVisible">
 					<div class="title">
-						<span>{{ $t('Login.LoginTo') }}</span>
+						<span>{{ $t('Login.loginTo') }}</span>
 						<img src="@/assets/images/logo-2.png" />
 					</div>
-					<div class="tip">{{ $t('Login.LoginTitle') }}</div>
+					<div class="tip">{{ $t('Login.loginTitle') }}</div>
 					<el-form :model="formData" :rules="ruleForm" label-position="top" ref="formRef">
 						<el-form-item :label="$t('Login.email')" prop="email">
 							<el-input
@@ -48,7 +48,7 @@
 						</el-form-item>
 						<el-form-item>
 							<el-button class="submit" type="primary" @click="onSubmit">{{
-								$t('Login.Login')
+								$t('Login.login')
 							}}</el-button>
 						</el-form-item>
 					</el-form>

src/views/login/other-login.vue

@@ -30,7 +30,7 @@
 			align-items: center;
 			justify-content: center;
 			font-size: 1.6rem;
-
+			font-family: Regular;
 			&::before,
 			&::after {
 				content: '';

src/views/login/visible-code.vue

@@ -44,7 +44,7 @@
 		clearTime()
 	})
 	onMounted(() => {
-		setTime(5)
+		setTime()
 	})
 	const onResend = () => {
 		if (time.value > 0) return
@@ -66,14 +66,16 @@
 			font-weight: 600;
 			font-size: 4rem;
 			color: #252727;
+			font-family: SemiBold;
 		}
 		> .tip {
 			margin-top: 2rem;
 			font-size: 1.8rem;
 			color: #666;
-			> span {
+			font-family: Regular;
+			&::v-deep > span {
 				color: #252727;
-				font-weight: 600;
+				font-family: Medium;
 			}
 		}
 		> .input-code {
@@ -87,17 +89,20 @@
 			border-radius: 0.8rem;
 			color: #fff;
 			font-weight: 600;
+			font-family: SemiBold;
 		}
 		> .time {
 			user-select: none;
 			margin-top: 2rem;
 			font-size: 1.6rem;
 			color: #666;
+			font-family: Regular;
 			> span {
 				color: #ff7a50;
 				text-decoration: underline;
 				cursor: pointer;
 				font-weight: 500;
+				font-family: Medium;
 			}
 		}
 	}

src/views/nuic/index.vue

@@ -15,7 +15,11 @@
 				:key="i"
 				:state="active === i ? 1 : active > i ? 0 : 2"
 			>
-				<img v-show="i === active" src="@/assets/images/nuic/nav-active.png" draggable="false" />
+				<img
+					v-show="i === active"
+					src="@/assets/images/nuic/nav-active.png"
+					draggable="false"
+				/>
 			</div>
 		</div>
 		<component class="view" :is="list[active]" @next="onNext" />
@@ -68,6 +72,7 @@
 			> span {
 				font-weight: 600;
 				font-size: 3.3rem;
+				font-family: SemiBold;
 			}
 		}
 		> .header {
@@ -133,6 +138,7 @@
 					cursor: pointer;
 					margin-right: 3.4rem;
 					background-color: #fff;
+					font-family: SemiBold;
 					&:last-child {
 						margin-right: 0;
 					}

src/views/nuic/nuic-1.vue

@@ -39,6 +39,8 @@
 			margin-bottom: 2rem;
 			&::v-deep > b {
 				font-size: 4.8rem;
+				font-family: Migra-Extrabold;
+				font-style: italic;
 			}
 		}
 		> .tip {
@@ -46,6 +48,7 @@
 			font-size: 2rem;
 			color: #585858;
 			margin-bottom: 8.7rem;
+			font-family: Regular;
 		}
 	}
 </style>

src/views/nuic/nuic-2.vue

@@ -45,6 +45,8 @@
 			margin-bottom: 6rem;
 			&::v-deep > b {
 				font-size: 4.8rem;
+				font-family: Migra-Extrabold;
+				font-style: italic;
 			}
 		}
 		> .list {
@@ -85,6 +87,7 @@
 						color: #fff;
 						margin-bottom: 1rem;
 						text-shadow: 1px 1px 4.7px #d9692b;
+						font-family: SemiBold;
 					}
 				}
 			}

src/views/nuic/nuic-3.vue

@@ -5,13 +5,25 @@
 		<div class="select-item">
 			<div class="title">{{ $t('Nuic.basedIn') }}</div>
 			<el-select v-model="data.based">
-				<el-option v-for="v in data.basedList" :key="v.value" :label="v.label" :value="v.value" />
+				<el-option
+					class="el-select__option"
+					v-for="v in data.basedList"
+					:key="v.value"
+					:label="v.label"
+					:value="v.value"
+				/>
 			</el-select>
 		</div>
 		<div class="select-item">
 			<div class="title">{{ $t('Nuic.role') }}</div>
 			<el-select v-model="data.role">
-				<el-option v-for="v in data.roleList" :key="v.value" :label="v.label" :value="v.value" />
+				<el-option
+					class="el-select__option"
+					v-for="v in data.roleList"
+					:key="v.value"
+					:label="v.label"
+					:value="v.value"
+				/>
 			</el-select>
 		</div>
 		<div class="btns">
@@ -49,8 +61,10 @@
 			font-weight: 500;
 			font-size: 4rem;
 			margin-bottom: 9.8rem;
-			> b {
+			&::v-deep > b {
 				font-size: 4.8rem;
+				font-family: Migra-Extrabold;
+				font-style: italic;
 			}
 		}
 		> .select-item {
@@ -62,11 +76,14 @@
 				font-size: 3.6rem;
 				font-weight: 800;
 				color: #252727;
+				font-family: Migra-Extrabold;
+				font-style: italic;
 			}
 			> .el-select {
 				width: 100%;
 				--el-border-radius-base: 0.8rem;
 				&::v-deep {
+					font-family: Regular;
 					.el-select__wrapper {
 						min-height: auto;
 						height: 6rem;
@@ -80,4 +97,8 @@
 			margin-top: 15.8rem;
 		}
 	}
+
+	.el-select__option {
+		padding: 0 1.8rem;
+	}
 </style>