i18n

.vscode/settings.json

@@ -2,5 +2,7 @@
     "i18n-ally.localesPaths": [
         "src/locales"
     ],
-    "vue-i18n.i18nPaths": "src/locales"
+    "vue-i18n.i18nPaths": "src/locales",
+    "i18n-ally.sourceLanguage": "zh-CN",
+    "i18n-ally.keystyle": "nested"
 }

src/components/common/AppHeader.vue

@@ -19,8 +19,8 @@
                         mode="horizontal"
                         :ellipsis="false"
                     >
-                        <el-menu-item index="/home">首页</el-menu-item>
-                        <el-menu-item index="/case">客户案例</el-menu-item>
+                        <el-menu-item index="/home">{{ $t('home') }}</el-menu-item>
+                        <el-menu-item index="/case">{{ $t('case') }} </el-menu-item>
                     </el-menu>
                 </div>
             </template>

src/components/common/ConnectForm.vue

@@ -2,10 +2,10 @@
     <div>
         <el-form :model="formVal" ref="form" :rules="rules" label-width="0px" :inline="false" size="large">
             <el-form-item label="" prop="phone">
-                <el-input v-model="formVal.phone" maxlength="11" placeholder="请输入手机号（必填"></el-input>
+                <el-input v-model="formVal.phone" maxlength="11" :placeholder="$t('common.phonePla2')"></el-input>
             </el-form-item>
             <el-form-item label="" prop="industry">
-                <el-select v-model="formVal.industry" class="w-full" placeholder="请选择所属行业">
+                <el-select v-model="formVal.industry" class="w-full" :placeholder="$t('common.selectIndustries')">
                     <el-option v-for="(item, index) in industries" :key="index" :label="item" :value="item" />
                 </el-select>
             </el-form-item>
@@ -14,7 +14,7 @@
                     class="!border-none w-full !h-12 !rounded-lg tracking-[0.08em] !text-sm !text-white mb-4 mt-2 hover:opacity-80 !bg-[#303133]"
                     type="primary"
                     @click="onSubmit"
-                    >预约回电</el-button
+                    >{{ $t('common.back') }}</el-button
                 >
             </el-form-item>
         </el-form>
@@ -22,9 +22,13 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, ref, Ref } from 'vue'
+import { reactive, ref, Ref, onMounted } from 'vue'
 import { FormInstance, ElMessageBox } from 'element-plus'
 import { fetchConnect } from '@/api'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+console.log(t('industry.Internet'))
 
 const formVal = reactive({
     phone: '',
@@ -33,56 +37,61 @@ const formVal = reactive({
 
 const form: Ref<FormInstance | null> = ref(null)
 
-const rules = {
-    phone: [
-        { required: true, message: '请输入手机号', trigger: 'blur' },
-        {
-            validator(rule: any, value: any) {
-                if (!value) {
-                    return new Error('请输入手机号')
-                } else if (!/^1[3-9]\d{9}$/.test(value)) {
-                    return new Error('手机号格式错误')
-                }
+const rules = ref({})
 
-                return true
-            },
-            trigger: ['blur']
-        }
-    ],
-    industry: [{ required: true, message: '请选择所属行业', trigger: 'change' }]
-}
+const industries = ref(<any>[])
 
-const industries = [
-    '科技产业',
-    '互联网',
-    '软件开发',
-    '教育',
-    '金融保险',
-    '医疗',
-    '建筑房产',
-    '电商',
-    '自媒体',
-    '广告传媒',
-    '咨询',
-    '商务服务',
-    '生活服务',
-    '汽车',
-    '文体娱乐',
-    '营销',
-    '交通物流',
-    '餐饮业',
-    '旅游',
-    '政务',
-    '消费品',
-    '工业制造',
-    '其他'
-]
+onMounted(() => {
+    industries.value = [
+        t('industry.tec'),
+        t('industry.Internet'),
+        t('industry.software'),
+        t('industry.education'),
+        t('industry.Financial'),
+        t('industry.medical'),
+        t('industry.building'),
+        t('industry.online'),
+        t('industry.media'),
+        t('industry.ad'),
+        t('industry.consult'),
+        t('industry.businessService'),
+        t('industry.lifeService'),
+        t('industry.car'),
+        t('industry.play'),
+        t('industry.work'),
+        t('industry.goWay'),
+        t('industry.food'),
+        t('industry.lvyou'),
+        t('industry.government'),
+        t('industry.consume'),
+        t('industry.made'),
+        t('industry.other')
+    ]
+    rules.value = {
+        phone: [
+            { required: true, message: t('common.phonePla'), trigger: 'blur' },
+            {
+                validator(rule: any, value: any) {
+                    if (!value) {
+                        return new Error(t('common.phonePla'))
+                    } else if (!/^1[3-9]\d{9}$/.test(value)) {
+                        return new Error(t('common.phoneError'))
+                    }
+
+                    return true
+                },
+                trigger: ['blur']
+            }
+        ],
+        industry: [{ required: true, message: t('common.selectIndustries'), trigger: 'change' }]
+    }
+})
 
 function onSubmit() {
     form.value?.validate(valid => {
         if (valid) {
             fetchConnect(formVal).then(res => {
-                ElMessageBox.alert('已收到您提交的信息，客服会在稍后与您联系。', '提交成功', {
+                ElMessageBox.alert(t('common.tips'), '提交成功', {
                     confirmButtonText: 'OK',
                     callback: () => {}
                 })

src/hooks/useLanguage.ts

@@ -7,20 +7,19 @@ export function useLanguage() {
     const appStore = useAppStore()
 
     const language = computed(() => {
-        switch (appStore.language) {
-            case 'en-US':
-                setLocale('en-US')
-                return enUS
-            case 'zh-CN':
-                setLocale('zh-CN')
-                return zhCN
-            case 'zh-TW':
-                setLocale('zh-TW')
-                return zhTW
-            default:
-                setLocale('zh-CN')
-                return zhCN
-        }
+        setLocale('en-US')
+        return enUS
+        // switch (appStore.language) {
+        //     case 'en-US':
+        //         setLocale('en-US')
+        //         return enUS
+        //     case 'zh-CN':
+        //         setLocale('zh-CN')
+        //         return zhCN
+        //     default:
+        //         setLocale('zh-CN')
+        //         return zhCN
+        // }
     })
 
     return { language }

src/locales/en-US.json

@@ -1,98 +1,55 @@
 {
+    "home": "Home",
+    "case": "Customer Cases",
     "common": {
-        "add": "Add",
-        "addSuccess": "Add Success",
-        "edit": "Edit",
-        "editSuccess": "Edit Success",
-        "delete": "Delete",
-        "deleteSuccess": "Delete Success",
-        "save": "Save",
-        "saveSuccess": "Save Success",
-        "reset": "Reset",
-        "action": "Action",
-        "export": "Export",
-        "exportSuccess": "Export Success",
-        "import": "Import",
-        "importSuccess": "Import Success",
-        "clear": "Clear",
-        "clearSuccess": "Clear Success",
-        "yes": "Yes",
-        "no": "No",
-        "confirm": "Confirm",
-        "download": "Download",
-        "noData": "No Data",
-        "wrong": "Something went wrong, please try again later.",
-        "success": "Success",
-        "failed": "Failed",
-        "verify": "Verify",
-        "unauthorizedTips": "Unauthorized, please verify first.",
-        "tips": "Tips"
+        "phonePla": "Please enter your phone number",
+        "phoneError": "Invalid phone number format",
+        "selectIndustries": "Please select the industry",
+        "tips": "We have received your submission. Our customer service will contact you shortly.",
+        "phonePla2": "Please enter your phone number (required)",
+        "back": "Schedule a Call"
     },
-    "chat": {
-        "newChatButton": "New Chat",
-        "placeholder": "Ask me anything...(Shift + Enter = line break, \"/\" to trigger prompts)",
-        "placeholderMobile": "Ask me anything...",
-        "copy": "Copy",
-        "copied": "Copied",
-        "copyCode": "Copy Code",
-        "clearChat": "Clear Chat",
-        "clearChatConfirm": "Are you sure to clear this chat?",
-        "exportImage": "Export Image",
-        "exportImageConfirm": "Are you sure to export this chat to png?",
-        "exportSuccess": "Export Success",
-        "exportFailed": "Export Failed",
-        "usingContext": "Context Mode",
-        "turnOnContext": "In the current mode, sending messages will carry previous chat records.",
-        "turnOffContext": "In the current mode, sending messages will not carry previous chat records.",
-        "deleteMessage": "Delete Message",
-        "deleteMessageConfirm": "Are you sure to delete this message?",
-        "deleteHistoryConfirm": "Are you sure to clear this history?",
-        "clearHistoryConfirm": "Are you sure to clear chat history?",
-        "preview": "Preview",
-        "showRawText": "Show as raw text"
-    },
-    "setting": {
-        "setting": "Setting",
-        "general": "General",
-        "advanced": "Advanced",
-        "config": "Config",
-        "avatarLink": "Avatar Link",
-        "name": "Name",
-        "description": "Description",
-        "role": "Role",
-        "temperature": "Temperature",
-        "top_p": "Top_p",
-        "resetUserInfo": "Reset UserInfo",
-        "chatHistory": "ChatHistory",
-        "theme": "Theme",
-        "language": "Language",
-        "api": "API",
-        "reverseProxy": "Reverse Proxy",
-        "timeout": "Timeout",
-        "socks": "Socks",
-        "httpsProxy": "HTTPS Proxy",
-        "balance": "API Balance",
-        "monthlyUsage": "Monthly Usage"
-    },
-    "store": {
-        "siderButton": "Prompt Store",
-        "local": "Local",
-        "online": "Online",
-        "title": "Title",
-        "description": "Description",
-        "clearStoreConfirm": "Whether to clear the data?",
-        "importPlaceholder": "Please paste the JSON data here",
-        "addRepeatTitleTips": "Title duplicate, please re-enter",
-        "addRepeatContentTips": "Content duplicate: {msg}, please re-enter",
-        "editRepeatTitleTips": "Title conflict, please revise",
-        "editRepeatContentTips": "Content conflict {msg} , please re-modify",
-        "importError": "Key value mismatch",
-        "importRepeatTitle": "Title repeatedly skipped: {msg}",
-        "importRepeatContent": "Content is repeatedly skipped: {msg}",
-        "onlineImportWarning": "Note: Please check the JSON file source!",
-        "downloadError": "Please check the network status and JSON file validity"
-    },
-    "auth": {
-        "loginPrompt": "User is not logged in. Would you like to log in now?"
+    "industry": {
+      "tec": "Technology Industry",
+      "Internet": "Internet",
+      "software": "Software Development",
+      "education": "Education",
+      "Financial": "Finance and Insurance",
+      "medical": "Medical",
+      "building": "Construction and Real Estate",
+      "online": "E-commerce",
+      "media": "Media",
+      "ad": "Advertising and Media",
+      "consult": "Consulting",
+      "businessService": "Business Services",
+      "car": "Automotive",
+      "lifeService": "Lifestyle Services",
+      "play": "Entertainment",
+      "work": "Marketing",
+      "goWay": "Transportation and Logistics",
+      "food": "Food and Beverage",
+      "lvyou": "Travel",
+      "government": "Government",
+      "consume": "Consumer Goods",
+      "made": "Manufacturing",
+      "other": "Other"
+      },
+    "homeView": {
+        "create": "20-Second Robot Creation",
+        "indusry": "Industry",
+        "case": " Cases",
+        "more": "Learn more",
+        "experience": "Experience now",
+        "learnMore": "Learn more",
+        "common": "FAQs",
+        "question": "",
+        "customization": "Customize Your Robot Quickly",
+        "ad1": "ZOUMAAI provides customized product solutions, dedicated to improving business efficiency with AI.",
+        "probation": "Test Drive ZOUMAAI",
+        "useNum": "Model Usage",
+        "robotNum": "Number of Robots",
+        "service": "Industries",
+        "connect": "Contact Us",
+        "help": "Our team will provide you with product solutions and professional answers."
     }
 }

src/locales/index.ts

@@ -2,7 +2,6 @@ import type { App } from 'vue'
 import { createI18n } from 'vue-i18n'
 import enUS from './en-US.json'
 import zhCN from './zh-CN.json'
-import zhTW from './zh-TW.json'
 import { useAppStoreWithOut } from '@/store/modules/app'
 import type { Language } from '@/store/modules/app/helper'
 
@@ -11,15 +10,15 @@ const appStore = useAppStoreWithOut()
 const defaultLocale = appStore.language || 'zh-CN'
 
 const i18n = createI18n({
-    locale: defaultLocale,
+    locale: 'en-US', //defaultLocale,
     fallbackLocale: 'en-US',
     allowComposition: true,
     messages: {
         'en-US': enUS,
-        'zh-CN': zhCN,
-        'zh-TW': zhTW
+        'zh-CN': zhCN
     }
 })
+console.log(i18n)
 
 export const t = i18n.global.t
 

src/locales/zh-CN.json

@@ -1,98 +1,59 @@
- {
-    "common": {
-        "add": "添加",
-        "addSuccess": "添加成功",
-        "edit": "编辑",
-        "editSuccess": "编辑成功",
-        "delete": "删除",
-        "deleteSuccess": "删除成功",
-        "save": "保存",
-        "saveSuccess": "保存成功",
-        "reset": "重置",
-        "action": "操作",
-        "export": "导出",
-        "exportSuccess": "导出成功",
-        "import": "导入",
-        "importSuccess": "导入成功",
-        "clear": "清空",
-        "clearSuccess": "清空成功",
-        "yes": "是",
-        "no": "否",
-        "confirm": "确定",
-        "download": "下载",
-        "noData": "暂无数据",
-        "wrong": "好像出错了，请稍后再试。",
-        "success": "操作成功",
-        "failed": "操作失败",
-        "verify": "验证",
-        "unauthorizedTips": "未经授权，请先进行验证。",
-        "tips": "提示"
-    },
-    "chat": {
-        "newChatButton": "新建聊天",
-        "placeholder": "来说点什么吧...（Shift + Enter = 换行，\"/\" 触发提示词）",
-        "placeholderMobile": "来说点什么...",
-        "copy": "复制",
-        "copied": "复制成功",
-        "copyCode": "复制代码",
-        "clearChat": "清空会话",
-        "clearChatConfirm": "是否清空会话?",
-        "exportImage": "保存会话到图片",
-        "exportImageConfirm": "是否将会话保存为图片?",
-        "exportSuccess": "保存成功",
-        "exportFailed": "保存失败",
-        "usingContext": "上下文模式",
-        "turnOnContext": "当前模式下, 发送消息会携带之前的聊天记录",
-        "turnOffContext": "当前模式下, 发送消息不会携带之前的聊天记录",
-        "deleteMessage": "删除消息",
-        "deleteMessageConfirm": "是否删除此消息?",
-        "deleteHistoryConfirm": "确定删除此记录?",
-        "clearHistoryConfirm": "确定清空聊天记录?",
-        "preview": "预览",
-        "showRawText": "显示原文"
-    },
-    "setting": {
-        "setting": "设置",
-        "general": "总览",
-        "advanced": "高级",
-        "config": "配置",
-        "avatarLink": "头像链接",
-        "name": "名称",
-        "description": "描述",
-        "role": "角色设定",
-        "temperature": "Temperature",
-        "top_p": "Top_p",
-        "resetUserInfo": "重置用户信息",
-        "chatHistory": "聊天记录",
-        "theme": "主题",
-        "language": "语言",
-        "api": "API",
-        "reverseProxy": "反向代理",
-        "timeout": "超时",
-        "socks": "Socks",
-        "httpsProxy": "HTTPS Proxy",
-        "balance": "API余额",
-        "monthlyUsage": "本月使用量"
-    },
-    "store": {
-        "siderButton": "提示词商店",
-        "local": "本地",
-        "online": "在线",
-        "title": "标题",
-        "description": "描述",
-        "clearStoreConfirm": "是否清空数据？",
-        "importPlaceholder": "请粘贴 JSON 数据到此处",
-        "addRepeatTitleTips": "标题重复，请重新输入",
-        "addRepeatContentTips": "内容重复：{msg}，请重新输入",
-        "editRepeatTitleTips": "标题冲突，请重新修改",
-        "editRepeatContentTips": "内容冲突{msg} ，请重新修改",
-        "importError": "键值不匹配",
-        "importRepeatTitle": "标题重复跳过：{msg}",
-        "importRepeatContent": "内容重复跳过：{msg}",
-        "onlineImportWarning": "注意：请检查 JSON 文件来源！",
-        "downloadError": "请检查网络状态与 JSON 文件有效性"
-    },
-    "auth": {
-        "loginPrompt": "用户未登录，是否立即登录？"
-    }
+{
+  "home": "首页",
+  "case": "客户案例",
+  "common": {
+    "phonePla": "请输入手机号",
+    "phoneError": "手机号格式错误",
+    "selectIndustries": "请选择所属行业",
+    "tips": "已收到您提交的信息，客服会在稍后与您联系。",
+    "phonePla2": "请输入手机号（必填）",
+    "back": "预约回电"
+  },
+  "industry": {
+    "tec": "科技产业",
+    "Internet": "互联网",
+    "software": "软件开发",
+    "education": "教育",
+    "Financial": "金融保险",
+    "medical": "医疗",
+    "building": "建筑房产",
+    "online": "电商",
+    "media": "自媒体",
+    "ad": "广告传媒",
+    "consult": "咨询",
+    "businessService": "商务服务",
+    "car": "汽车",
+    "lifeService": "生活服务",
+    "play": "文体娱乐",
+    "work": "营销",
+    "goWay": "交通物流",
+    "food": "餐饮业",
+    "lvyou": "旅游",
+    "government": "政务",
+    "consume": "消费品",
+    "made": "工业制造",
+    "other": "其他"
+  },
+  "homeView": {
+    "create": "20S快速创建机器人",
+    "indusry": "行业",
+    "case": "案例",
+    "more": "了解更多",
+    "experience": "立即体验",
+    "learnMore": "进一步了解",
+    "common": "常见",
+    "question": "问题",
+    "customization": "快速定制您的机器人",
+    "ad1": "ZOUMAAI 为你提供定制化的产品解决方案，我们致力于用 AI 来提升业务的效率",
+    "probation": "体验 走马AI",
+    "useNum": "模型调用量",
+    "robotNum": "机器人数",
+    "service": "服务行业",
+    "connect": "联系我们",
+    "help": "将有专人为您提供产品解决方案，专业答疑等"
+  },
+  "connect": {
+    "create": "基于 AI 技术轻松创建对话机器人"
+  },
+  "lifeService": "生活服务"
 }

src/locales/zh-TW.json

@@ -1,94 +0,0 @@
-{
-    "common": {
-        "add": "新增",
-        "addSuccess": "新增成功",
-        "edit": "編輯",
-        "editSuccess": "編輯成功",
-        "delete": "刪除",
-        "deleteSuccess": "刪除成功",
-        "save": "儲存",
-        "saveSuccess": "儲存成功",
-        "reset": "重設",
-        "action": "操作",
-        "export": "匯出",
-        "exportSuccess": "匯出成功",
-        "import": "匯入",
-        "importSuccess": "匯入成功",
-        "clear": "清除",
-        "clearSuccess": "清除成功",
-        "yes": "是",
-        "no": "否",
-        "confirm": "確認",
-        "download": "下載",
-        "noData": "目前無資料",
-        "wrong": "發生錯誤，請稍後再試。",
-        "success": "操作成功",
-        "failed": "操作失敗",
-        "verify": "驗證",
-        "unauthorizedTips": "未經授權，請先進行驗證。"
-    },
-    "chat": {
-        "newChatButton": "新建對話",
-        "placeholder": "來說點什麼...（Shift + Enter = 換行 \"/\" 觸發提示詞）",
-        "placeholderMobile": "來說點什麼...",
-        "copy": "複製",
-        "copied": "複製成功",
-        "copyCode": "複製代碼",
-        "clearChat": "清除對話",
-        "clearChatConfirm": "是否清空對話?",
-        "exportImage": "儲存對話為圖片",
-        "exportImageConfirm": "是否將對話儲存為圖片?",
-        "exportSuccess": "儲存成功",
-        "exportFailed": "儲存失敗",
-        "usingContext": "上下文模式",
-        "turnOnContext": "啟用上下文模式，在此模式下，發送訊息會包含之前的聊天記錄。",
-        "turnOffContext": "關閉上下文模式，在此模式下，發送訊息不會包含之前的聊天記錄。",
-        "deleteMessage": "刪除訊息",
-        "deleteMessageConfirm": "是否刪除此訊息?",
-        "deleteHistoryConfirm": "確定刪除此紀錄?",
-        "clearHistoryConfirm": "確定清除紀錄?",
-        "preview": "預覽",
-        "showRawText": "顯示原文"
-    },
-    "setting": {
-        "setting": "設定",
-        "general": "總覽",
-        "advanced": "高級",
-        "config": "設定",
-        "avatarLink": "頭貼連結",
-        "name": "名稱",
-        "description": "描述",
-        "role": "角色設定",
-        "temperature": "Temperature",
-        "top_p": "Top_p",
-        "resetUserInfo": "重設使用者資訊",
-        "chatHistory": "紀錄",
-        "theme": "主題",
-        "language": "語言",
-        "api": "API",
-        "reverseProxy": "反向代理",
-        "timeout": "逾時",
-        "socks": "Socks",
-        "httpsProxy": "HTTPS Proxy",
-        "balance": "API余額",
-        "monthlyUsage": "本月使用量"
-    },
-    "store": {
-        "siderButton": "提示詞商店",
-        "local": "本機",
-        "online": "線上",
-        "title": "標題",
-        "description": "描述",
-        "clearStoreConfirm": "是否清除資料？",
-        "importPlaceholder": "請將 JSON 資料貼在此處",
-        "addRepeatTitleTips": "標題重複，請重新輸入",
-        "addRepeatContentTips": "內容重複：{msg}，請重新輸入",
-        "editRepeatTitleTips": "標題衝突，請重新修改",
-        "editRepeatContentTips": "內容衝突{msg} ，請重新修改",
-        "importError": "鍵值不符合",
-        "importRepeatTitle": "因標題重複跳過：{msg}",
-        "importRepeatContent": "因內容重複跳過：{msg}",
-        "onlineImportWarning": "注意：請檢查 JSON 檔案來源！",
-        "downloadError": "請檢查網路狀態與 JSON 檔案有效性"
-    }
-}

src/main.ts

@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 
 import App from './App.vue'
-import { setupAssets,setupScrollbarStyle } from './plugins'
+import { setupAssets, setupScrollbarStyle } from './plugins'
 import { setupStore } from './store'
 import { setupRouter } from './router'
 import ElementPlus from 'element-plus'
@@ -9,6 +9,7 @@ import 'element-plus/dist/index.css'
 import './styles/element/index.less'
 import './styles/element/button.less'
 import './styles/element/card.less'
+import i18n from './locales'
 
 const app = createApp(App)
 setupAssets()
@@ -17,5 +18,6 @@ setupScrollbarStyle()
 setupStore(app)
 setupRouter(app)
 app.use(ElementPlus)
+app.use(i18n)
 
 app.mount('#app')

src/store/modules/app/helper.ts

@@ -4,7 +4,7 @@ const LOCAL_NAME = 'appSetting'
 
 export type Theme = 'light' | 'dark' | 'auto'
 
-export type Language = 'zh-CN' | 'zh-TW' | 'en-US'
+export type Language = 'zh-CN'  | 'en-US'
 
 export interface AppState {
     siderCollapsed: boolean

src/views/ConnectView.vue

@@ -6,7 +6,7 @@
 
                 <span class="text-[32px] font-bold ml-3">ZOUMAAI</span>
             </div>
-            <div data-v-7534886b="" class="intro"><p data-v-7534886b="">基于 AI 技术轻松创建对话机器人</p></div>
+            <div data-v-7534886b="" class="intro"><p data-v-7534886b="">{{ $t('connect.create') }}</p></div>
             <div data-v-7534886b="" class="form pt-20">
                 <connect-form></connect-form>
             </div>

src/views/HomeView.vue

@@ -27,10 +27,10 @@
                 <button
                     aria-disabled="false"
                     type="button"
-                    class="el-button el-button--primary w-[228px] !h-[60px] !text-lg font-medium tracking-[0.08em] !rounded-lg mt-7 !ml-0 hover:!scale-105 lg:!text-sm lg:w-[153px] lg:!h-[45px] lg:mt-5 !border-none btn-grad shadow-lg"
+                    class="el-button el-button--primary min-w-[228px] !h-[60px] !text-lg font-medium tracking-[0.08em] !rounded-lg mt-7 !ml-0 hover:!scale-105 lg:!text-sm lg:w-[153px] lg:!h-[45px] lg:mt-5 !border-none btn-grad shadow-lg"
                     @click="goConnect()"
                 >
-                    <!--v-if--><span class=""> 20S快速创建机器人 </span>
+                    <!--v-if--><span class=""> {{ $t('homeView.create') }} </span>
                 </button>
             </div>
             <div
@@ -39,7 +39,10 @@
                 <h3
                     class="hidden text-5xl leading-[72px] font-medium text-[#303133] text-center lg:text-[26px] lg:leading-[38px] lg:block"
                 >
-                    行业<strong class="tracking-[0.08em] bg-clip-text text-transparent line-grad-bg">案例</strong>
+                    {{ $t('homeView.indusry')
+                    }}<strong class="tracking-[0.08em] bg-clip-text text-transparent line-grad-bg">{{
+                        $t('homeView.case')
+                    }}</strong>
                 </h3>
 
                 <div
@@ -143,7 +146,7 @@
                         class="el-button el-button--primary !border-none font-bold !h-12 w-40 lg:!h-10 lg:w-28"
                         @click="goConnect()"
                     >
-                        <!--v-if--><span class=""> 了解更多 </span>
+                        <!--v-if--><span class=""> {{ $t('homeView.more') }} </span>
                     </button>
                 </div>
                 <div class="el-image !w-[65%] h-auto lg:!w-full lg:mb-8">
@@ -205,7 +208,7 @@
                     class="el-button el-button--primary !h-[60px] w-[273px] !text-lg font-medium tracking-[0.08em] !border-none lg:!h-10 lg:w-32 lg:!text-sm"
                     @click="goConnect()"
                 >
-                    <!--v-if--><span class=""> 立即体验 </span>
+                    <!--v-if--><span class=""> {{ $t('homeView.experience') }} </span>
                 </button>
             </div>
         </div>
@@ -244,7 +247,7 @@
                         class="el-button el-button--primary is-link"
                         @click="goConnect()"
                     >
-                        <!--v-if--><span class=""> 进一步了解 </span>
+                        <!--v-if--><span class=""> {{ $t('homeView.learnMore') }} </span>
                     </button>
                 </div>
             </div>
@@ -311,7 +314,7 @@
                             data-inner-type="1"
                             @click="goConnect()"
                         >
-                            <!--v-if--><span class=""> 进一步了解 </span>
+                            <!--v-if--><span class=""> {{ $t('homeView.learnMore') }} </span>
                         </button>
                     </div>
                 </div>
@@ -319,7 +322,10 @@
             <h3
                 class="text-5xl leading-[72px] font-medium text-[#303133] text-center lg:text-[26px] lg:leading-[38px] tracking-[4px]"
             >
-                常见<strong class="tracking-[0.08em] bg-clip-text text-transparent line-grad-bg">问题 </strong>
+                {{ $t('homeView.common')
+                }}<strong class="tracking-[0.08em] bg-clip-text text-transparent line-grad-bg"
+                    >{{ $t('homeView.question') }}
+                </strong>
             </h3>
             <dl class="mt-10 w-full">
                 <div
@@ -346,19 +352,19 @@
         >
             <div class="flex flex-col items-start text-white flex-1 overflow-hidden lg:w-full lg:items-center">
                 <p class="text-[44px] font-medium tracking-[0.04em] mb-4 lg:text-3xl lg:leading-9">
-                    快速定制您的机器人
+                    {{ $t('homeView.customization') }}
                 </p>
                 <p class="miSans text-lg leading-7 mb-6 lg:text-base lg:text-center">
-                    ZOUMAAI 为你提供定制化的产品解决方案，我们致力于用 AI 来提升业务的效率
+                    {{ $t('homeView.ad1') }}
                 </p>
                 <div class="flex gap-7 items-center justify-center mb-16 lg:gap-3 lg:mb-6">
                     <button
                         aria-disabled="false"
                         type="button"
-                        class="miSans el-button el-button--primary w-[150px] !h-10 !border-none !bg-white !text-[#7C5CFC] rounded-lg !text-sm font-medium tracking-[0.08em] lg:w-24 lg:!h-9 lg:!text-xs hover:!scale-105"
+                        class="miSans el-button el-button--primary min-w-[150px] !h-10 !border-none !bg-white !text-[#7C5CFC] rounded-lg !text-sm font-medium tracking-[0.08em] lg:w-24 lg:!h-9 lg:!text-xs hover:!scale-105"
                         id="Chato_bottom_create_click"
                     >
-                        <!--v-if--><span class=""> 体验 走马AI </span>
+                        <!--v-if--><span class=""> {{ $t('homeView.probation') }} </span>
                     </button>
                 </div>
                 <div class="flex justify-between items-center w-full max-w-[90%] lg:mb-6 lg:gap-4 lg:max-w-none">
@@ -366,21 +372,21 @@
                         <p class="text-3xl font-medium mb-4 flex items-center gap-1 lg:text-xl">
                             2,000,000 <span class="text-base lg:text-sm">+</span>
                         </p>
-                        <p class="lg:text-xs">模型调用量</p>
+                        <p class="lg:text-xs">{{ $t('homeView.useNum') }}</p>
                     </div>
                     <div class="divider"></div>
                     <div class="text-sm">
                         <p class="text-3xl font-medium mb-4 flex items-center gap-1 lg:text-xl">
                             100,000 <span class="text-base lg:text-sm">+</span>
                         </p>
-                        <p class="lg:text-xs">机器人数</p>
+                        <p class="lg:text-xs">{{ $t('homeView.robotNum') }}</p>
                     </div>
                     <div class="divider"></div>
                     <div class="text-sm">
                         <p class="text-3xl font-medium mb-4 flex items-center gap-1 lg:text-xl">
                             100 <span class="text-base lg:text-sm">+</span>
                         </p>
-                        <p class="lg:text-xs">服务行业</p>
+                        <p class="lg:text-xs">{{ $t('homeView.service') }}</p>
                     </div>
                     <!---->
                 </div>
@@ -390,9 +396,9 @@
                     <svg class="w-[22px] h-[22px] mr-1" aria-hidden="true">
                         <use href="#icon-phone"></use>
                     </svg>
-                    联系我们
+                    {{ $t('homeView.connect') }}
                 </p>
-                <p class="text-[#596780] text-sm leading-5 mb-6">将有专人为您提供产品解决方案，专业答疑等</p>
+                <p class="text-[#596780] text-sm leading-5 mb-6">{{ $t('homeView.help') }}</p>
                 <connect-form></connect-form>
             </div>
         </div>