feat:国际化多语言适配

pages/legal/agreement.vue

@@ -1,8 +1,8 @@
 <template>
 	<view class="legal-page">
 		<view class="header">
-			<view class="title">用户协议</view>
-			<view class="subtitle">适用于“风电者”共享风扇租借服务（最后更新：{{ effectiveDate }}）</view>
+			<view class="title">{{ $t('legal.agreement') }}</view>
+			<view class="subtitle">{{ $t('legal.applicableToService') }}（{{ $t('legal.lastUpdate') }}：{{ effectiveDate }}）</view>
 		</view>
 
 		<scroll-view class="content" scroll-y>
@@ -71,12 +71,21 @@
 			<view class="p">15.2 协议条款如被认定无效或不可执行，不影响其他条款的效力与执行。</view>
 		</scroll-view>
 
-		<view class="footer">如对本协议有疑问，请前往“我的-客服”咨询</view>
+		<view class="footer">{{ $t('legal.footerNotice') }}</view>
 	</view>
 </template>
 
 <script setup>
-	import { ref } from 'vue'
+	import { ref, onMounted } from 'vue'
+	import { useI18n } from '@/utils/i18n.js'
+
+	const { t: $t } = useI18n()
+
+	onMounted(() => {
+		uni.setNavigationBarTitle({
+			title: $t('legal.agreement')
+		})
+	})
 
 	const brandName = '风电者'
 	const companyName = '深圳乐慕智云科技有限公司'