签入版本

RXThinkCMF_ThinkPhp8_NaiveVue/zh/frontend/i18n.md

@@ -80,8 +80,8 @@ export default {
 <template>
   <div>
     <!-- 基础翻译 -->
-    <el-button>{{ $t('common.search') }}</el-button>
-    <el-button>{{ $t('common.reset') }}</el-button>
+    <n-button>{{ $t('common.search') }}</n-button>
+    <n-button>{{ $t('common.reset') }}</n-button>
 
     <!-- 带参数翻译 -->
     <p>{{ $t('message.welcome', { name: 'Admin' }) }}</p>
@@ -134,24 +134,24 @@ const columns = computed(() => [
 ```vue
 <!-- ui/src/components/LangSwitch/index.vue -->
 <template>
-  <el-dropdown @command="switchLang">
-    <el-button :icon="Icon" circle />
-    <template #dropdown>
-      <el-dropdown-menu>
-        <el-dropdown-item command="zh-CN">中文</el-dropdown-item>
-        <el-dropdown-item command="en-US">English</el-dropdown-item>
-      </el-dropdown-menu>
-    </template>
-  </el-dropdown>
+  <n-dropdown :options="langOptions" @select="switchLang">
+    <n-button>语言</n-button>
+  </n-dropdown>
 </template>
 
 <script setup lang="ts">
+import { h } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useLocaleStore } from '@/store/modules/locale';
 
 const { locale } = useI18n();
 const localeStore = useLocaleStore();
 
+const langOptions = [
+  { label: '中文', key: 'zh-CN' },
+  { label: 'English', key: 'en-US' },
+];
+
 const switchLang = (lang: string) => {
   locale.value = lang;
   localeStore.setLocale(lang);