style: 对话中文字体&小象样式

src/views/home/agent/components/Item.vue

@@ -1,8 +1,11 @@
 <template>
-	<div class="agent-item">
+	<div class="agent-item" :class="{ zh: isZh }">
 		<div
 			class="message-wrapper flex"
-			:class="{ 'is-user': content.isUser, 'is-loading': content.loading }"
+			:class="{
+				'is-user': content.isUser,
+				'is-loading': content.loading
+			}"
 		>
 			<div class="thumb">
 				<img :src="content.isUser ? userAvatar : agentThumb" class="thumb-icon" />
@@ -56,10 +59,7 @@
 						:rehype-plugins="[rehypeRaw]"
 					>
 						<template v-slot:s-card="{ children: children, ...attrs }">
-							<Card
-								title="Trend Report"
-								@click.native="handleClickReport"
-							/>
+							<Card title="Trend Report" @click.native="handleClickReport" />
 						</template>
 						<template v-slot:s-url="{ children: children }">
 							<Url :list="content.webAddress" @click.native="handleClickUrls" />
@@ -129,7 +129,11 @@
 
 	const userStore = useUserInfoStore()
 
-	const { t } = useI18n()
+	const { t, locale } = useI18n()
+
+	const isZh = computed(() => {
+		return locale.value === 'CHINESE_SIMPLIFIED'
+	})
 
 	const props = defineProps<{
 		content: Object
@@ -181,7 +185,7 @@
 		},
 		heading: {
 			style: {
-				fontFamily: 'Regular',
+				fontFamily: isZh.value ? 'MisansRegular' : 'Regular',
 				lineHeight: 2
 				// fontSize: '1.4rem'
 			}
@@ -425,6 +429,13 @@
 			}
 		}
 	}
+	.agent-item.zh {
+		&,
+		.web-address,
+		.thinking {
+			font-family: 'MisansRegular';
+		}
+	}
 </style>
 
 <style lang="less">