From 036064de5e697618e0983561782f1b9b391506be Mon Sep 17 00:00:00 2001
From: yangzhe <yangzhe@qq.com>
Date: Mon, 8 Dec 2025 09:25:24 +0800
Subject: [PATCH] =?UTF-8?q?style(login):=20=E4=BC=98=E5=8C=96=E5=AF=86?=
 =?UTF-8?q?=E7=A0=81=E6=98=BE=E7=A4=BA=E5=9B=BE=E6=A0=87=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E7=99=BB=E5=BD=95=E7=B1=BB=E5=9E=8B=E4=B8=8B=E5=88=92?=
 =?UTF-8?q?=E7=BA=BF=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/login/login/index.vue | 37 +++++++++++++++++++++++++++++++++----
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/pages/login/login/index.vue b/pages/login/login/index.vue
index 50c0771..ba8acee 100644
--- a/pages/login/login/index.vue
+++ b/pages/login/login/index.vue
@@ -77,8 +77,18 @@
               @blur="validatePassword"
             />
             <view class="show-password-icon" @click="toggleShowPassword">
-              <u-icon v-show="!isShowPassword" name="eye-fill" color="#2979ff" size="32"></u-icon>
-              <u-icon v-show="isShowPassword" name="eye-off" color="#2979ff" size="32"></u-icon>
+              <u-icon
+                v-show="!isShowPassword"
+                name="eye-fill"
+                color="#2979ff"
+                size="32"
+              ></u-icon>
+              <u-icon
+                v-show="isShowPassword"
+                name="eye-off"
+                color="#2979ff"
+                size="32"
+              ></u-icon>
             </view>
           </view>
           <text v-if="errors.password" class="error-tip">{{
@@ -589,7 +599,9 @@ export default {
       color: #999999;
 
       .type-item {
-        padding: 0 20rpx;
+        // width: 160rpx;
+        text-align: center;
+        // padding: 0 20rpx;
         position: relative;
         font-family: PingFang SC;
 
@@ -605,12 +617,29 @@ export default {
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
-            width: 76%;
+            // width: 100%;
             height: 0px;
             border-radius: 3px;
             box-shadow: 0px 0px 4px 2px rgba(79, 106, 255, 1);
           }
         }
+
+        // 分别设置两个 item 的下划线宽度
+        // 密码登录 (4字)
+        &:first-child.active::after {
+          width: 128rpx;
+        }
+        // 验证码登录 (5字)
+        &:last-child.active::after {
+          width: 160rpx;
+        }
+      }
+
+      .type-item:first-child {
+        width: 128rpx;
+      }
+      .type-item:last-child {
+        width: 160rpx;
       }
 
       .divider {