@liujitcn/kratos-uni-app-core 0.0.20 → 0.0.21

package/src/utils/passwordCrypto.ts

@@ -1,4 +1,5 @@
 import { defLoginService } from '../api/base/login'
+import { t } from '../locales'
 import { PasswordCryptoScene } from '../rpc/base/v1/enum'
 import type { PasswordCrypto } from '../rpc/common/v1/types'
 
@@ -19,7 +20,7 @@ function pemToArrayBuffer(pem: string) {
     .replace(/\s/g, '')
   const decode = globalThis.atob
   if (!decode) {
-    throw new Error('当前环境不支持 Base64 解码')
+    throw new Error(t('core.crypto.base64DecodeUnsupported'))
   }
   const binary = decode(base64)
   const buffer = new Uint8Array(binary.length)
@@ -38,7 +39,7 @@ function arrayBufferToBase64(buffer: ArrayBuffer) {
   }
   const encode = globalThis.btoa
   if (!encode) {
-    throw new Error('当前环境不支持 Base64 编码')
+    throw new Error(t('core.crypto.base64EncodeUnsupported'))
   }
   return encode(binary)
 }
@@ -47,7 +48,7 @@ function arrayBufferToBase64(buffer: ArrayBuffer) {
 function getSubtleCrypto() {
   const cryptoApi = globalThis.crypto
   if (!cryptoApi?.subtle) {
-    throw new Error('当前环境不支持密码加密')
+    throw new Error(t('core.crypto.unsupported'))
   }
   return cryptoApi
 }
@@ -56,7 +57,7 @@ function getSubtleCrypto() {
 function getMiniRandomBytes(length: number) {
   return new Promise<ArrayBuffer>((resolve, reject) => {
     if (typeof wx === 'undefined' || typeof wx.getRandomValues !== 'function') {
-      reject(new Error('当前环境不支持密码加密'))
+      reject(new Error(t('core.crypto.unsupported')))
       return
     }
     wx.getRandomValues({
@@ -65,7 +66,7 @@ function getMiniRandomBytes(length: number) {
         resolve(randomValues)
       },
       fail: ({ errMsg }) => {
-        reject(new Error(errMsg || '随机数生成失败'))
+        reject(new Error(errMsg || t('core.crypto.randomFailed')))
       },
     })
   })
@@ -80,7 +81,7 @@ type DerNode = {
 /** 读取 DER 编码节点，用于解析 RSA SubjectPublicKeyInfo。 */
 function readDerNode(data: Uint8Array, offset: number): DerNode {
   if (offset + 2 > data.length) {
-    throw new Error('公钥格式无效')
+    throw new Error(t('core.crypto.publicKeyInvalid'))
   }
   const tag = data[offset]
   const firstLengthByte = data[offset + 1]
@@ -89,7 +90,7 @@ function readDerNode(data: Uint8Array, offset: number): DerNode {
   if (firstLengthByte & 0x80) {
     const lengthByteCount = firstLengthByte & 0x7f
     if (lengthByteCount === 0 || valueOffset + lengthByteCount > data.length) {
-      throw new Error('公钥格式无效')
+      throw new Error(t('core.crypto.publicKeyInvalid'))
     }
     length = 0
     for (let index = 0; index < lengthByteCount; index += 1) {
@@ -99,7 +100,7 @@ function readDerNode(data: Uint8Array, offset: number): DerNode {
   }
   const end = valueOffset + length
   if (end > data.length) {
-    throw new Error('公钥格式无效')
+    throw new Error(t('core.crypto.publicKeyInvalid'))
   }
   return {
     tag,
@@ -128,13 +129,13 @@ function parseMiniRsaPublicKey(publicKey: string): [Uint8Array, Uint8Array] {
   const algorithm = readDerNode(subjectPublicKeyInfo.value, 0)
   const bitString = readDerNode(subjectPublicKeyInfo.value, algorithm.next)
   if (bitString.tag !== 0x03 || bitString.value[0] !== 0) {
-    throw new Error('公钥格式无效')
+    throw new Error(t('core.crypto.publicKeyInvalid'))
   }
   const rsaPublicKey = readDerNode(bitString.value, 1)
   const modulus = readDerNode(rsaPublicKey.value, 0)
   const exponent = readDerNode(rsaPublicKey.value, modulus.next)
   if (modulus.tag !== 0x02 || exponent.tag !== 0x02) {
-    throw new Error('公钥格式无效')
+    throw new Error(t('core.crypto.publicKeyInvalid'))
   }
   return [trimDerInteger(modulus.value), trimDerInteger(exponent.value)]
 }
@@ -152,7 +153,7 @@ function generateMgf1Mask(crypto: MiniCrypto, seed: Uint8Array, length: number)
     counter[3] = index
     let block = hash.reset().process(seed).process(counter).finish().result
     if (!block) {
-      throw new Error('密码加密失败')
+      throw new Error(t('core.crypto.encryptFailed'))
     }
     const target = mask.subarray(index * hash.HASH_SIZE)
     if (block.length > target.length) {
@@ -189,14 +190,14 @@ async function encryptMiniProgramPassword(
   const dataBlockLength = keySize - hash.HASH_SIZE - 1
   const paddingLength = dataBlockLength - aesKey.length - hash.HASH_SIZE - 1
   if (paddingLength < 0) {
-    throw new Error('密码长度超出限制')
+    throw new Error(t('core.crypto.passwordTooLong'))
   }
   const encodedMessage = new Uint8Array(keySize)
   const maskedSeed = encodedMessage.subarray(1, hash.HASH_SIZE + 1)
   const dataBlock = encodedMessage.subarray(hash.HASH_SIZE + 1)
   const labelHash = hash.reset().process(new Uint8Array()).finish().result
   if (!labelHash) {
-    throw new Error('密码加密失败')
+    throw new Error(t('core.crypto.encryptFailed'))
   }
   dataBlock.set(labelHash, 0)
   dataBlock.set(aesKey, hash.HASH_SIZE + paddingLength + 1)
@@ -214,7 +215,7 @@ async function encryptMiniProgramPassword(
     new crypto.BigNumber(encodedMessage),
   ).result
   if (!encryptedKey) {
-    throw new Error('密码加密失败')
+    throw new Error(t('core.crypto.encryptFailed'))
   }
   const ciphertext = crypto.AES_GCM.encrypt(plaintext, aesKey, iv)
   return {
@@ -234,7 +235,7 @@ export async function encryptPassword(
 ): Promise<PasswordCrypto> {
   const plainPassword = password.trim()
   if (!plainPassword) {
-    throw new Error('密码不能为空')
+    throw new Error(t('core.crypto.passwordRequired'))
   }
 
   const publicKeyResponse = await defLoginService.PasswordPublicKey({ scene })

package/src/views/pages/index/index.vue

@@ -3,10 +3,12 @@ import { onLoad } from '@dcloudio/uni-app'
 import { computed } from 'vue'
 import { useSettingStore } from '../../../stores'
 import defaultLogo from '../../../static/images/logo_icon.png'
+import { useI18n } from '../../../locales'
 
 const settingStore = useSettingStore()
-const mainTitle = computed(() => settingStore.getData('mainTitle') || '应用框架示例')
-const subTitle = computed(() => settingStore.getData('subTitle') || '保留通用导航与个人中心体验')
+const { t } = useI18n()
+const mainTitle = computed(() => settingStore.getData('mainTitle') || t('core.home.mainTitle'))
+const subTitle = computed(() => settingStore.getData('subTitle') || t('core.home.subTitle'))
 const appLogo = computed(() => settingStore.getData('appLogo') || defaultLogo)
 
 onLoad(() => {
@@ -25,49 +27,49 @@ onLoad(() => {
     </view>
 
     <view class="section">
-      <text class="section-title">当前技术栈</text>
+      <text class="section-title">{{ t('core.home.techStack') }}</text>
       <view class="info-list">
         <view class="info-row">
-          <text class="info-label">应用框架</text>
+          <text class="info-label">{{ t('core.home.framework') }}</text>
           <text class="info-value">uni-app + Vue 3</text>
         </view>
         <view class="info-row">
-          <text class="info-label">开发语言</text>
+          <text class="info-label">{{ t('core.home.language') }}</text>
           <text class="info-value">TypeScript</text>
         </view>
         <view class="info-row">
-          <text class="info-label">状态管理</text>
+          <text class="info-label">{{ t('core.home.stateManagement') }}</text>
           <text class="info-value">Pinia</text>
         </view>
         <view class="info-row">
-          <text class="info-label">样式方案</text>
+          <text class="info-label">{{ t('core.home.styleSolution') }}</text>
           <text class="info-value">Sass + rpx</text>
         </view>
       </view>
     </view>
 
     <view class="section">
-      <text class="section-title">演示范围</text>
+      <text class="section-title">{{ t('core.home.demoScope') }}</text>
       <view class="demo-list">
         <view class="demo-item">
           <view class="demo-dot">1</view>
           <view class="demo-copy">
-            <text class="demo-title">跨端页面</text>
-            <text class="demo-desc">同一套页面代码适配 H5、微信小程序和 App</text>
+            <text class="demo-title">{{ t('core.home.crossPlatform') }}</text>
+            <text class="demo-desc">{{ t('core.home.crossPlatformDescription') }}</text>
           </view>
         </view>
         <view class="demo-item">
           <view class="demo-dot">2</view>
           <view class="demo-copy">
-            <text class="demo-title">账户能力</text>
-            <text class="demo-desc">个人资料、应用设置与智能助手入口已保留</text>
+            <text class="demo-title">{{ t('core.home.accountCapability') }}</text>
+            <text class="demo-desc">{{ t('core.home.accountCapabilityDescription') }}</text>
           </view>
         </view>
         <view class="demo-item">
           <view class="demo-dot">3</view>
           <view class="demo-copy">
-            <text class="demo-title">静态首页</text>
-            <text class="demo-desc">当前首页用于展示框架信息，不依赖业务接口</text>
+            <text class="demo-title">{{ t('core.home.staticHome') }}</text>
+            <text class="demo-desc">{{ t('core.home.staticHomeDescription') }}</text>
           </view>
         </view>
       </view>

package/src/views/pages/login/login.vue

@@ -2,12 +2,13 @@
 import { useSettingStore, useUserStore } from '../../../stores'
 import type { LoginRequest } from '../../../rpc/base/v1/login'
 import { onLoad } from '@dcloudio/uni-app'
-import { computed, defineAsyncComponent, reactive, ref } from 'vue'
+import { computed, defineAsyncComponent, reactive, ref, watch } from 'vue'
 import { defLoginService } from '../../../api/base/login'
 import defaultLogo from '../../../static/images/logo_icon.png'
 import { homeTabPage } from '../../../utils/navigation'
 import { PASSWORD_CRYPTO_SCENE, encryptPassword } from '../../../utils/passwordCrypto'
 import { navigateAppRoute } from '../../../navigation'
+import { getLanguageOptions, useI18n, type SupportedLocale } from '../../../locales'
 
 // go-captcha-uni 仅在 H5 端使用，小程序端不支持 defineAsyncComponent，需按平台裁剪。
 // #ifdef H5
@@ -16,12 +17,25 @@ const GoCaptchaUni = defineAsyncComponent(() => import('go-captcha-uni'))
 
 const userStore = useUserStore()
 const settingStore = useSettingStore()
+const { locale, setLocale, t } = useI18n()
+const localeOptions = computed(() => getLanguageOptions())
+const localeLabels = computed(() => localeOptions.value.map((item) => item.language_name))
+const localeIndex = computed(() =>
+  Math.max(
+    0,
+    localeOptions.value.findIndex((item) => item.language_code === locale.value),
+  ),
+)
 const wechatMiniProvider = 'wechatmini'
 const loginSettingsReady = ref(false)
 let loginSettingsPromise: Promise<boolean> | undefined
 
-const configuredMainTitle = computed(() => settingStore.getData('mainTitle') || '应用框架示例')
-const configuredSubTitle = computed(() => settingStore.getData('subTitle') || '欢迎使用本应用')
+const configuredMainTitle = computed(
+  () => settingStore.getData('mainTitle') || t('core.home.mainTitle'),
+)
+const configuredSubTitle = computed(
+  () => settingStore.getData('subTitle') || t('core.login.defaultSubTitle'),
+)
 const configuredAppLogo = computed(() => settingStore.getData('appLogo') || defaultLogo)
 const showTenantCode = computed(() => settingStore.getData('showTenantCode') !== 'false')
 
@@ -30,6 +44,18 @@ const isAgreePrivacy = ref(false)
 const isAgreePrivacyShakeY = ref(false)
 const loading = ref(false)
 
+watch(locale, () => void uni.setNavigationBarTitle({ title: t('common.action.login') }), {
+  immediate: true,
+})
+
+/** 切换登录页语言。 */
+const onLocaleChange = (event: { detail: { value: string | number } }) => {
+  const nextLocale = localeOptions.value[Number(event.detail.value)]?.language_code as
+    | SupportedLocale
+    | undefined
+  if (nextLocale) void setLocale(nextLocale)
+}
+
 const toggleAgreePrivacy = () => {
   isAgreePrivacy.value = !isAgreePrivacy.value
 }
@@ -95,7 +121,7 @@ const resolveMiniCaptchaImage = (payload: string, captchaId: string) => {
       data: payload.slice(commaIndex + 1),
       encoding: 'base64',
       success: () => resolve(filePath),
-      fail: () => reject(new Error('验证码图片写入失败')),
+      fail: () => reject(new Error(t('core.login.captchaWriteFailed'))),
     })
   })
 }
@@ -111,7 +137,7 @@ const refreshMiniCaptcha = async () => {
     miniForm.captcha_id = captcha.captcha_id
     miniForm.captcha_code = ''
   } catch {
-    await uni.showToast({ icon: 'none', title: '验证码加载失败' })
+    await uni.showToast({ icon: 'none', title: t('core.login.captchaLoadFailed') })
   }
 }
 
@@ -128,12 +154,7 @@ const isWechatUnboundError = (error: unknown) => {
     }
   }
   const reason = response.data?.reason ?? response.data?.error?.reason
-  const message = response.data?.message ?? response.data?.error?.message
-  return (
-    response.data?.binding_required === true ||
-    String(reason || '') === 'UNAUTHENTICATED' ||
-    message === '微信账号未绑定，请先绑定已有账号'
-  )
+  return response.data?.binding_required === true || String(reason || '') === 'UNAUTHENTICATED'
 }
 
 // 微信授权失败时保留请求层提示，避免异步登录异常冒泡到小程序调试器。
@@ -150,7 +171,7 @@ const wxLogin = async () => {
   try {
     loginCode = (await wx.login()).code
   } catch {
-    await uni.showToast({ icon: 'none', title: '微信登录失败，请稍后重试' })
+    await uni.showToast({ icon: 'none', title: t('core.login.wechatFailed') })
     loading.value = false
     return
   }
@@ -167,7 +188,7 @@ const wxLogin = async () => {
     await loginSuccess()
   } catch (error) {
     if (!isWechatUnboundError(error)) {
-      await uni.showToast({ icon: 'none', title: '微信登录失败，请稍后重试' })
+      await uni.showToast({ icon: 'none', title: t('core.login.wechatFailed') })
       return
     }
     miniBinding.value = true
@@ -182,15 +203,15 @@ const bindMiniAccount = async () => {
   if (loading.value) return
   if (!(await checkedAgreePrivacy())) return
   if (showTenantCode.value && !miniForm.tenant_code) {
-    await uni.showToast({ icon: 'none', title: '请输入租户编号' })
+    await uni.showToast({ icon: 'none', title: t('core.login.tenant') })
     return
   }
   if (!miniForm.user_name || !miniPasswordValue.value) {
-    await uni.showToast({ icon: 'none', title: '请输入用户名和密码' })
+    await uni.showToast({ icon: 'none', title: t('core.login.userNamePassword') })
     return
   }
   if (!miniForm.captcha_id || !miniForm.captcha_code) {
-    await uni.showToast({ icon: 'none', title: '请输入验证码' })
+    await uni.showToast({ icon: 'none', title: t('core.login.captcha') })
     return
   }
   loading.value = true
@@ -317,7 +338,7 @@ const behaviorCaptchaConfig = computed(() => {
       verticalPadding: 0,
       horizontalPadding: 0,
       iconSize: 20,
-      title: '拖动滑块，将内圈图片转正',
+      title: t('core.login.behaviorRotate'),
     }
   }
   return {
@@ -328,10 +349,13 @@ const behaviorCaptchaConfig = computed(() => {
     showTheme: false,
     verticalPadding: 0,
     horizontalPadding: 0,
-    buttonText: '确认',
+    buttonText: t('common.action.confirm'),
     iconSize: 20,
     dotSize: 20,
-    title: currentCaptchaType.value === 'click' ? '请按顺序点击文字' : '请拖动滑块完成拼图',
+    title:
+      currentCaptchaType.value === 'click'
+        ? t('core.login.behaviorClick')
+        : t('core.login.behaviorPuzzle'),
   }
 })
 const behaviorCaptchaTheme = {
@@ -353,11 +377,11 @@ const behaviorCaptchaTheme = {
 const getCaptcha = async () => {
   const requestedCaptchaType = configuredCaptchaType.value
   if (!requestedCaptchaType) {
-    throw new Error('登录验证码类型未配置')
+    throw new Error(t('core.login.captchaTypeMissing'))
   }
   const data = await defLoginService.Captcha({ type: requestedCaptchaType })
   if (!data.type) {
-    throw new Error('验证码接口未返回类型')
+    throw new Error(t('core.login.captchaTypeResponseMissing'))
   }
   currentCaptchaType.value = data.type
   if (!isBehaviorCaptcha.value) {
@@ -381,7 +405,7 @@ const refreshCaptcha = async () => {
     behaviorDialogVisible.value = false
     await uni.showToast({
       icon: 'none',
-      title: error instanceof Error ? error.message : '验证码加载失败',
+      title: error instanceof Error ? error.message : t('core.login.captchaLoadFailed'),
     })
     return false
   }
@@ -442,28 +466,28 @@ const validateLoginForm = async () => {
   if (showTenantCode.value && !form.value.tenant_code) {
     await uni.showToast({
       icon: 'none',
-      title: '请输入租户编号',
+      title: t('core.login.tenant'),
     })
     return false
   }
   if (!form.value.user_name) {
     await uni.showToast({
       icon: 'none',
-      title: '请输入用户名或手机号',
+      title: t('core.login.userName'),
     })
     return false
   }
   if (!passwordValue.value) {
     await uni.showToast({
       icon: 'none',
-      title: '请输入密码',
+      title: t('core.login.password'),
     })
     return false
   }
   if (!isBehaviorCaptcha.value && !form.value.captcha_code) {
     await uni.showToast({
       icon: 'none',
-      title: '请输入验证码',
+      title: t('core.login.captcha'),
     })
     return false
   }
@@ -567,7 +591,7 @@ const onSubmit = async () => {
 const loginSuccess = async () => {
   await userStore.getUserProfile()
   // 成功提示
-  await uni.showToast({ icon: 'success', title: '登录成功' })
+  await uni.showToast({ icon: 'success', title: t('core.login.loginSuccess') })
   setTimeout(() => {
     const lastRoute = uni.getStorageSync('lastRoute') || homeTabPage
     if (lastRoute.startsWith(homeTabPage)) {
@@ -586,7 +610,7 @@ const checkedAgreePrivacy = async () => {
   }
 
   if (!settingStore.getData('serviceProtocol') || !settingStore.getData('privacyProtocol')) {
-    await uni.showToast({ icon: 'none', title: '服务条款和隐私协议未配置' })
+    await uni.showToast({ icon: 'none', title: t('core.login.protocolMissing') })
     return false
   }
 
@@ -598,10 +622,10 @@ const checkedAgreePrivacy = async () => {
 
   return new Promise<boolean>((resolve) => {
     uni.showModal({
-      title: '提示',
-      content: '请先阅读并勾选协议内容，点击确定后将自动勾选并继续登录',
-      confirmText: '确定',
-      cancelText: '取消',
+      title: t('common.title.notice'),
+      content: t('core.login.protocolPrompt'),
+      confirmText: t('common.action.confirm'),
+      cancelText: t('common.action.cancel'),
       success: ({ confirm }) => {
         if (confirm) {
           isAgreePrivacy.value = true
@@ -630,7 +654,7 @@ const loadLoginSettings = () => {
       // #ifdef H5
       const captchaType = configuredCaptchaType.value
       if (!captchaType) {
-        throw new Error('登录验证码类型未配置')
+        throw new Error(t('core.login.captchaTypeMissing'))
       }
       currentCaptchaType.value = captchaType
       await loadPageCaptcha()
@@ -643,7 +667,7 @@ const loadLoginSettings = () => {
     } catch (error) {
       await uni.showToast({
         icon: 'none',
-        title: error instanceof Error ? error.message : '移动端配置加载失败',
+        title: error instanceof Error ? error.message : t('core.protocol.loadFailed'),
       })
       loginSettingsPromise = undefined
       return false
@@ -664,6 +688,14 @@ onLoad(() => {
 
 <template>
   <view class="login-page">
+    <picker
+      class="login-locale"
+      :range="localeLabels"
+      :value="localeIndex"
+      @change="onLocaleChange"
+    >
+      <view class="login-locale__value">{{ localeLabels[localeIndex] }}</view>
+    </picker>
     <view class="login-hero">
       <view class="login-logo-shell">
         <image :src="configuredAppLogo" />
@@ -683,14 +715,14 @@ onLoad(() => {
           class="login-input"
           type="text"
           confirm-type="next"
-          placeholder="请输入租户编号"
+          :placeholder="t('core.login.tenant')"
         />
         <input
           v-model="form.user_name"
           class="login-input"
           type="text"
           confirm-type="next"
-          placeholder="请输入用户名/手机号码"
+          :placeholder="t('core.login.userNameMobile')"
           @confirm="onSubmit"
         />
         <input
@@ -699,7 +731,7 @@ onLoad(() => {
           type="text"
           password
           confirm-type="done"
-          placeholder="请输入密码"
+          :placeholder="t('core.login.password')"
           @confirm="onSubmit"
         />
         <view v-if="!isBehaviorCaptcha" class="captcha-row">
@@ -708,7 +740,7 @@ onLoad(() => {
             class="login-input captcha-input"
             type="text"
             confirm-type="done"
-            placeholder="请输入验证码"
+            :placeholder="t('core.login.captcha')"
             @confirm="onSubmit"
           />
           <view class="captcha-divider"></view>
@@ -722,10 +754,14 @@ onLoad(() => {
             />
           </view>
         </view>
-        <button @tap="onSubmit" class="login-button login-button-primary">登录</button>
+        <button @tap="onSubmit" class="login-button login-button-primary">
+          {{ t('common.action.login') }}
+        </button>
         <view v-if="behaviorDialogVisible" class="login-behavior-mask">
           <view class="login-behavior-panel">
-            <view v-if="behaviorLoading" class="login-behavior-loading">加载中...</view>
+            <view v-if="behaviorLoading" class="login-behavior-loading">{{
+              t('core.login.behaviorLoading')
+            }}</view>
             <GoCaptchaUni
               :type="currentCaptchaType"
               :data="behaviorCaptchaData"
@@ -748,36 +784,36 @@ onLoad(() => {
           @tap="wxLogin"
         >
           <text class="icon icon-phone"></text>
-          微信一键登录
+          {{ t('core.login.wechat') }}
         </button>
         <view v-else class="login-form">
-          <view class="login-bind-tip">该微信尚未绑定，请登录已有账号完成绑定</view>
+          <view class="login-bind-tip">{{ t('core.login.wechatBindTip') }}</view>
           <input
             v-if="showTenantCode"
             v-model="miniForm.tenant_code"
             class="login-input"
             type="text"
-            placeholder="请输入租户编号"
+            :placeholder="t('core.login.tenant')"
           />
           <input
             v-model="miniForm.user_name"
             class="login-input"
             type="text"
-            placeholder="请输入用户名/手机号码"
+            :placeholder="t('core.login.userNameMobile')"
           />
           <input
             v-model="miniPasswordValue"
             class="login-input"
             type="text"
             password
-            placeholder="请输入密码"
+            :placeholder="t('core.login.password')"
           />
           <view class="captcha-row">
             <input
               v-model="miniForm.captcha_code"
               class="login-input captcha-input"
               type="text"
-              placeholder="请输入验证码"
+              :placeholder="t('core.login.captcha')"
             />
             <view class="captcha-divider"></view>
             <view class="captcha-trigger" @tap="refreshMiniCaptcha">
@@ -789,7 +825,7 @@ onLoad(() => {
             :loading="loading"
             @tap="bindMiniAccount"
           >
-            登录并绑定微信
+            {{ t('core.login.bindWechat') }}
           </button>
         </view>
         <!-- #endif -->
@@ -797,10 +833,14 @@ onLoad(() => {
       <view class="login-tips" :class="{ animate__shakeY: isAgreePrivacyShakeY }">
         <view class="login-agreement" @tap="toggleAgreePrivacy">
           <view class="login-agree-icon" :class="{ checked: isAgreePrivacy }"></view>
-          <text class="login-agree-desc">我已阅读并同意</text>
-          <text class="login-agree-link" @tap.stop="onOpenServiceProtocol">《服务条款》</text>
-          <text class="login-agree-separator">和</text>
-          <text class="login-agree-link" @tap.stop="onOpenPrivacyContract">《隐私协议》</text>
+          <text class="login-agree-desc">{{ t('core.login.agreePrefix') }}</text>
+          <text class="login-agree-link" @tap.stop="onOpenServiceProtocol">{{
+            t('core.login.service')
+          }}</text>
+          <text class="login-agree-separator">{{ t('core.login.agreeSeparator') }}</text>
+          <text class="login-agree-link" @tap.stop="onOpenPrivacyContract">{{
+            t('core.login.privacy')
+          }}</text>
         </view>
       </view>
     </view>
@@ -809,6 +849,7 @@ onLoad(() => {
 
 <style lang="scss">
 .login-page {
+  position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -818,6 +859,19 @@ onLoad(() => {
   box-sizing: border-box;
 }
 
+.login-locale {
+  position: absolute;
+  top: calc(24rpx + env(safe-area-inset-top));
+  right: 28rpx;
+  z-index: 2;
+}
+
+.login-locale__value {
+  padding: 12rpx 16rpx;
+  color: #16806d;
+  font-size: 24rpx;
+}
+
 .login-hero {
   margin-bottom: 40rpx;
   text-align: center;

package/src/views/pages/login/protocal.vue

@@ -2,8 +2,10 @@
 import { onLoad } from '@dcloudio/uni-app'
 import { useSettingStore } from '../../../stores'
 import { ref } from 'vue'
+import { useI18n } from '../../../locales'
 
 const settingStore = useSettingStore()
+const { t } = useI18n()
 const content = ref('')
 
 const protocolClassMap: Record<string, string> = {
@@ -46,14 +48,14 @@ const decorateProtocolContent = (html: string) => {
 // 加载协议内容
 const loadProtocol = async (type?: string) => {
   const isPrivacy = type === 'privacy'
-  const title = isPrivacy ? '隐私协议' : '服务条款'
+  const title = isPrivacy ? t('core.protocol.privacy') : t('core.protocol.service')
   const key = isPrivacy ? 'privacyProtocol' : 'serviceProtocol'
 
   try {
     await settingStore.loadData()
     const protocol = settingStore.getData(key)
     if (!protocol) {
-      throw new Error(`${title}未配置，暂时无法查看`)
+      throw new Error(t('core.protocol.notConfigured', { title }))
     }
 
     await uni.setNavigationBarTitle({ title })
@@ -61,7 +63,7 @@ const loadProtocol = async (type?: string) => {
   } catch (error) {
     await uni.showToast({
       icon: 'none',
-      title: error instanceof Error ? error.message : '移动端配置加载失败',
+      title: error instanceof Error ? error.message : t('core.protocol.loadFailed'),
     })
     setTimeout(() => {
       uni.navigateBack()