优化更新

DjangoAdmin_Flask_AntdVue/zh/volume4/frontend/i18n.md

@@ -1,22 +1,22 @@
 # 国际化
 
 :::tip 说明
-当前项目仅支持中文界面，ElementPlus 使用中文语言包（`zh-cn`），所有界面文本直接硬编码在组件中。如需扩展多语言支持，可基于 vue-i18n 实现。
+当前项目仅支持中文界面，AntDesign Vue 默认中文，所有界面文本直接硬编码在组件中。如需扩展多语言支持，可基于 vue-i18n 实现。
 :::
 
 ## 当前状态
 
 项目当前为中文单语言版本：
 
-- ElementPlus 全局配置中文语言包：`app.use(ElementPlus, { locale: zhCn })`
-- 所有界面文本直接硬编码在组件中：`<el-button>添加岗位</el-button>`
+- AntDesign Vue 默认中文，无需额外配置语言包
+- 所有界面文本直接硬编码在组件中：`<a-button>添加岗位</a-button>`
 - 后端返回的 `msg` 字段为中文：`"操作成功"`、`"岗位名称不能重复"`
 
 ```vue
 <template>
-    <el-button type="primary">添加岗位</el-button>
-    <el-table-column label="岗位名称" prop="name" />
-    <el-table-column label="创建时间" prop="createTime" />
+    <a-button type="primary">添加岗位</a-button>
+    <a-table-column title="岗位名称" dataIndex="name" />
+    <a-table-column title="创建时间" dataIndex="createTime" />
 </template>
 ```
 
@@ -53,11 +53,11 @@ export default i18n;
 ```json
 // src/i18n/locales/zh-CN.json
 {
- "common": {
-    "add": "新增", "edit": "编辑", "delete": "删除",
-    "search": "搜索", "reset": "重置", "confirm": "确定", "cancel": "取消"
- },
- "position": { "name": "岗位名称", "status": "状态", "sort": "排序" }
+    "common": {
+        "add": "新增", "edit": "编辑", "delete": "删除",
+        "search": "搜索", "reset": "重置", "confirm": "确定", "cancel": "取消"
+    },
+    "position": { "name": "岗位名称", "status": "状态", "sort": "排序" }
 }
 ```
 
@@ -65,23 +65,26 @@ export default i18n;
 
 ```vue
 <template>
-    <el-button type="primary">{{ $t('common.add') }}</el-button>
-    <el-table-column :label="$t('position.name')" prop="name" />
+    <a-button type="primary">{{ $t('common.add') }}</a-button>
+    <a-table-column :title="$t('position.name')" dataIndex="name" />
 </template>
 
 <script setup>
 import { useI18n } from 'vue-i18n';
-    const { t } = useI18n();
+const { t } = useI18n();
 </script>
 ```
 
-### ElementPlus 国际化
+### AntDesign Vue 国际化
 
 ```typescript
-import zhCn from 'element-plus/es/locale/lang/zh-cn';
-import en from 'element-plus/es/locale/lang/en';
+import zhCN from 'ant-design-vue/es/locale/zh_CN';
+import enUS from 'ant-design-vue/es/locale/en_US';
 
-app.use(ElementPlus, { locale: zhCn });
+// 在 ConfigProvider 中使用
+<a-config-provider :locale="zhCN">
+    <App />
+</a-config-provider>
 ```
 
 :::tip 温馨提示
@@ -90,4 +93,4 @@ app.use(ElementPlus, { locale: zhCn });
 
 ## 总结
 
-当前项目为中文单语言版本，ElementPlus 使用中文语言包。如需扩展多语言支持，可基于 vue-i18n 实现前端国际化，配合 ElementPlus 内置语言包和后端消息 code 实现全链路多语言。
+当前项目为中文单语言版本，AntDesign Vue 默认中文。如需扩展多语言支持，可基于 vue-i18n 实现前端国际化，配合 AntDesign Vue 内置语言包和后端消息 code 实现全链路多语言。