diff --git a/newdocs/docs/.vuepress/notes.ts b/newdocs/docs/.vuepress/notes.ts index 4328d566..965b81b2 100644 --- a/newdocs/docs/.vuepress/notes.ts +++ b/newdocs/docs/.vuepress/notes.ts @@ -1,7 +1,7 @@ /* * @Author: yubaolee | ahfu~ <954478625@qq.com> * @Date: 2025-04-23 20:26:48 - * @LastEditTime: 2025-06-07 23:11:29 + * @LastEditTime: 2025-06-25 15:12:53 * @Description: 笔记配置 * Copyright (c) 2025 by yubaolee | ahfu~ , All Rights Reserved. */ @@ -49,7 +49,7 @@ const proNote = defineNoteConfig({ { text: '基础开发', collapsed: false, - items: ['start','deploy','structure','devnew','devnewmulti', 'router','openurl','keepalive','datapropertyrule'] + items: ['start','deploy','structure','multilangs','devnew','devnewmulti', 'router','openurl','keepalive','datapropertyrule'] }, { text: '内置组件', diff --git a/newdocs/docs/notes/pro/multilangs.md b/newdocs/docs/notes/pro/multilangs.md new file mode 100644 index 00000000..7d14f71a --- /dev/null +++ b/newdocs/docs/notes/pro/multilangs.md @@ -0,0 +1,46 @@ +--- +title: 多语言 +createTime: 2025/04/23 23:43:26 +permalink: /pro/multilangs/ +--- + +## 多语言配置 + +vue3版本使用 vue-i18n 实现多语言支持,通过 `useI18n()` 钩子访问翻译功能。 + +### 使用方法 + +1. **引入 i18n** + +```javascript +import { useI18n } from 'vue-i18n' +const i18n = useI18n() +``` + +2. **模板中使用** +```html +
{{ $t('login.title') }}
+``` + +3. **JS代码中使用** +```javascript +i18n.t('login.validation.usernameRequired') +``` + +### 配置示例 + +在登录页面可见的多语言项: +- 登录相关:`login.title`, `login.workflowEngine`, `login.usernamePlaceholder`, `login.passwordPlaceholder` +- 验证消息:`login.validation.usernameRequired`, `login.validation.passwordRequired` +- 租户选择:`login.tenants.default`, `login.tenants.notExist` + +### 添加新语言 + +1. 在语言文件中添加新的翻译项 +2. 确保所有使用的键都有对应翻译 + +### 注意事项 + +- 使用嵌套对象结构组织翻译项 +- 参数化文本使用 `{param}` 语法 +- 确保所有用户界面文本都使用 i18n