Procházet zdrojové kódy

```
feat(lang-switch): 为语言切换组件添加图标

为中文和英文语言选项添加切换图标,提升用户界面的
可视化体验。

feat(login-dialog): 优化验证码输入框布局

将验证码图片从输入框外部移至输入框的append插槽内,
改善登录表单的布局结构和用户体验。
```

zhangningning před 1 dnem
rodič
revize
6a1a77e90a
2 změnil soubory, kde provedl 17 přidání a 10 odebrání
  1. 8 2
      src/components/LangSwitch.vue
  2. 9 8
      src/components/LoginDialog.vue

+ 8 - 2
src/components/LangSwitch.vue

@@ -8,8 +8,14 @@
       </span>
       <template #dropdown>
         <el-dropdown-menu>
-          <el-dropdown-item command="zh-CN" v-if="langStore.currentLang !== 'zh-CN'">中文</el-dropdown-item>
-          <el-dropdown-item command="en" v-if="langStore.currentLang !== 'en'">English</el-dropdown-item>
+          <el-dropdown-item command="zh-CN" v-if="langStore.currentLang !== 'zh-CN'">
+            <el-icon><Switch /></el-icon>
+            中文
+          </el-dropdown-item>
+          <el-dropdown-item command="en" v-if="langStore.currentLang !== 'en'">
+            <el-icon><Switch /></el-icon>
+            English
+          </el-dropdown-item>
         </el-dropdown-menu>
       </template>
     </el-dropdown>

+ 9 - 8
src/components/LoginDialog.vue

@@ -84,15 +84,16 @@
           </el-form-item>
           <!-- 增加动态验证码图片 -->
           <el-form-item prop="captcha" class="login-form-item">
-            <div class="gap10">
-              <el-input
-                v-model="passwordForm.captcha"
-                :placeholder="$t('login.placeholderCaptcha')"
-                prefix-icon="Lock"
-                class="login-input"
-              />
+            <el-input
+              v-model="passwordForm.captcha"
+              :placeholder="$t('login.placeholderCaptcha')"
+              prefix-icon="Lock"
+              class="login-input"
+            >
+            <template #append>
               <img :src="captchaImg" alt="验证码" class="captcha-img" @click="getCaptchaFn">
-            </div>
+            </template>
+            </el-input>
           </el-form-item>
 
           <el-form-item class="login-form-item remember-item">