分割

src/component/Account/account.vue

@@ -7,7 +7,7 @@
 			<div class="account_page_content">
 				<div class="account_page_content_left">
 					<div class="content_left_item">
-						<div>个人中心</div>
+						<div>{{$t('account.personCentered')}}</div>
 					</div>
 					<!-- {{ router.path }} -->
 					<router-link class="content_left_item" v-for="item in rootSubmenuKeys" :class="{active: $route.path == item.route}" :to="item.route">
@@ -42,25 +42,27 @@ export default defineComponent({
     components:{
     },
     setup() {
+
+		const {t} = useI18n()
         const store = useStore();
 		let accountHomeData = reactive({
 			rootSubmenuKeys:[
 				{
-					name:'首页',
+					name:t('account.Home'),
 					route:'/home/account/accountHome',
 					icon:'fi-rr-house-chimney'
 				},{
-					name:'我的信息',
+					name:t('account.myInformation'),
 					route:'/home/account/accountEdit',
 					icon:'fi-rr-user'
 				},{
-					name:'消息中心',
+					name:t('account.Messages'),
 					route:'/home/account/accountMessage',
 					icon:'fi-rr-envelope'
 				},{
-					name:'关注&粉丝',
+					name:`${t('account.Follow')} ${t('account.Fans')}`,
 					route:'/home/account/accountFollowFans',
-					icon:'fi-rr-envelope'
+					icon:'fi-rr-users-alt'
 				},
 			]
 		})
@@ -119,6 +121,7 @@ export default defineComponent({
 				height: 10rem;
 				color: #232323;
 				div{
+					white-space: nowrap;
 					width: 15rem;
 					color: #232323;
 					text-align-last: justify;