适配语言

src/views/nuic/nuic-2.vue

@@ -1,21 +1,20 @@
 <template>
 	<div class="nuic-2">
-		<!-- <img src="@/assets/images/nuic/nuic-1-bg.png" /> -->
-		<p class="title">What's your dream <b>home vibe</b> ?</p>
+		<p class="title" v-html="$t('Nuic.nuic2Title')"></p>
 		<div class="list">
 			<div v-for="v in list" :key="v.id" @click="v.active = !v.active">
 				<img :src="v.url" draggable="false" />
 				<div class="active" v-show="v.active">
-					<span>Constructivism</span>
+					<span>这是一段文字</span>
 				</div>
 			</div>
 		</div>
 		<div class="btns">
 			<button class="more" @click="onLoadMore">
-				<span>Load more</span>
+				<span>{{ $t('Nuic.loadMore') }}</span>
 				<div><svg-icon name="refresh-single" size="24" /></div>
 			</button>
-			<button class="next" @click="emit('next')">Next</button>
+			<button class="next" @click="emit('next')">{{ $t('Nuic.next') }}</button>
 		</div>
 	</div>
 </template>
@@ -35,9 +34,7 @@
 		{ id: 7, url: '/image/nuic/style-7.png', active: false },
 		{ id: 8, url: '/image/nuic/style-8.png', active: false }
 	])
-	const onLoadMore = () => {
-
-	}
+	const onLoadMore = () => {}
 </script>
 
 <style lang="less" scoped>
@@ -46,7 +43,7 @@
 			font-weight: 500;
 			font-size: 4rem;
 			margin-bottom: 6rem;
-			> b {
+			&::v-deep > b {
 				font-size: 4.8rem;
 			}
 		}
@@ -97,10 +94,9 @@
 				display: flex;
 				align-items: center;
 				justify-content: center;
-				>span{
+				> span {
 					margin-right: 1.2rem;
 				}
-				
 			}
 		}
 	}