add a help link of the theme

Author: LinuxSuRen

console/atest-ui/src/App.vue

@@ -1,15 +1,14 @@
 <script setup lang="ts">
 import {
-  Document,
-  Menu as IconMenu,
-  Histogram,
-  Location,
-  Share,
-  ArrowDown,
-  Guide,
-  DataAnalysis
+    Document,
+    Menu as IconMenu,
+    Histogram,
+    Location,
+    Share,
+    ArrowDown,
+    Guide,
+    DataAnalysis, Help, Setting
 } from '@element-plus/icons-vue'
-import { Setting } from '@element-plus/icons-vue'
 import { ref, watch } from 'vue'
 import { API } from './views/net'
 import { Cache } from './views/cache'
@@ -177,7 +176,7 @@ watch(theme, (e: string) => {
     </div>
   </el-container>
 
-    <el-dialog v-model="settingDialogVisible" title="Setting" width="50%" draggable destroy-on-close>
+    <el-dialog v-model="settingDialogVisible" :title="t('title.setting' )" width="50%" draggable destroy-on-close>
         <el-select v-model="theme" placeholder="Select a theme">
             <el-option
                 v-for="item in allThemes"
@@ -186,6 +185,11 @@ watch(theme, (e: string) => {
                 :value="item"
             />
         </el-select>
+        <el-icon>
+            <el-link href="https://github.com/LinuxSuRen/atest-ext-data-swagger/tree/master/data/theme" target="_blank">
+                <Help />
+            </el-link>
+        </el-icon>
     </el-dialog>
 </template>
 

console/atest-ui/src/locales/en.json

@@ -52,7 +52,8 @@
         "output": "Output",
         "proxy": "Proxy",
         "secure": "Secure",
-        "data": "Data"
+        "data": "Data",
+        "setting": "Setting"
     },
     "tip": {
         "filter": "Filter Keyword",

console/atest-ui/src/locales/zh.json

@@ -47,7 +47,8 @@
         "output": "输出",
         "proxy": "代理",
         "secure": "安全",
-        "data": "数据"
+        "data": "数据",
+        "setting": "设置"
     },
     "tip": {
         "filter": "过滤",