From 31073eb57efc2fe25c52d5769105c0fa44c345da Mon Sep 17 00:00:00 2001
From: putyy <putyy@qq.com>
Date: Wed, 23 Jul 2025 10:42:12 +0800
Subject: [PATCH] perf: setting optimization

---
 frontend/src/locales/en.json   |  4 +++-
 frontend/src/locales/zh.json   |  4 +++-
 frontend/src/views/setting.vue | 12 +++++++++---
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index c25f000..aa25330 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -107,7 +107,9 @@
     "mime_map": "Intercept Rules",
     "mime_map_tip": "JSON format, keep default if unsure, please restart software after modification",
     "port_format_error": "port format error",
-    "host_format_error": "host format error"
+    "host_format_error": "host format error",
+    "basic_setting": "Basic Setting",
+    "advanced_setting": "Advanced Setting"
   },
   "footer": {
     "title": "About Us",
diff --git a/frontend/src/locales/zh.json b/frontend/src/locales/zh.json
index c86d141..a3eb7a9 100644
--- a/frontend/src/locales/zh.json
+++ b/frontend/src/locales/zh.json
@@ -107,7 +107,9 @@
     "mime_map": "拦截规则",
     "mime_map_tip": "json格式，如果不清楚保持默认就行，修改后请重启软件",
     "port_format_error": "port 格式错误",
-    "host_format_error": "host 格式错误"
+    "host_format_error": "host 格式错误",
+    "basic_setting": "基础设置",
+    "advanced_setting": "高级设置"
   },
   "footer": {
     "title": "关于我们",
diff --git a/frontend/src/views/setting.vue b/frontend/src/views/setting.vue
index 206f99e..aac359b 100644
--- a/frontend/src/views/setting.vue
+++ b/frontend/src/views/setting.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="h-full relative p-5 overflow-y-auto [&::-webkit-scrollbar]:hidden" :key="renderKey">
     <NTabs type="line" animated>
-      <NTabPane name="basic" tab="基础设置">
+      <NTabPane name="basic" :tab="t('setting.basic_setting')">
         <NForm
           :model="formValue"
           size="medium"
@@ -67,7 +67,7 @@
         </NForm>
       </NTabPane>
 
-      <NTabPane name="advanced" tab="高级设置">
+      <NTabPane name="advanced" :tab="t('setting.advanced_setting')">
         <NForm
           :model="formValue"
           size="medium"
@@ -269,4 +269,10 @@ const selectDir = () => {
     window?.$message?.error(err)
   })
 }
-</script>
\ No newline at end of file
+</script>
+<style lang="scss">
+.n-tabs-nav--top{
+  @apply sticky top-0 z-10;
+  background-color: var(--n-color);
+}
+</style>
\ No newline at end of file