From 6610ff462334a39c70a9fe92b787f16bfa6fe15c Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Thu, 19 Mar 2026 19:17:40 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=99=BB=E5=BD=95=E6=96=B9?=
 =?UTF-8?q?=E5=BC=8F=E5=88=87=E6=8D=A2=E6=94=B9=E4=B8=BA=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=20Tab=20=E5=B7=A6=E5=8F=B3=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 密码登录/验证码登录从底部按钮移到表单顶部
- 与邮箱/手机 Tab 统一风格（胶囊式）
- 删除底部 pass-btn 按钮
- login-type-tabs 深灰底+蓝色高亮
---
 clientarea/hgcloud/css/login.css | 40 +++++++++++++++++++++-----------
 clientarea/hgcloud/login.php     | 13 ++++-------
 2 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/clientarea/hgcloud/css/login.css b/clientarea/hgcloud/css/login.css
index e23d475..b096396 100644
--- a/clientarea/hgcloud/css/login.css
+++ b/clientarea/hgcloud/css/login.css
@@ -438,23 +438,35 @@
   background: #0E42D2 !important;
 }
 
-/* 切换登录方式按钮 */
-.pass-btn {
-  width: 100%;
-  height: 42px;
-  margin-left: 0 !important;
-  margin-top: 10px;
-  background: transparent !important;
-  border: 1px solid rgba(255, 255, 255, 0.08) !important;
-  border-radius: 8px !important;
-  color: rgba(139, 148, 158, 0.8) !important;
-  font-size: 14px !important;
-  transition: all 0.2s;
+/* 登录方式切换 Tab（密码/验证码） */
+.login-type-tabs {
+  display: flex;
+  gap: 0;
+  margin-bottom: 20px;
+  background: rgba(255, 255, 255, 0.03);
+  border-radius: 6px;
+  padding: 3px;
+  border: 1px solid rgba(255, 255, 255, 0.04);
 }
 
-.pass-btn:hover {
+.login-type-tab {
+  flex: 1;
+  padding: 8px 0;
+  color: rgba(139, 148, 158, 0.6);
+  cursor: pointer;
+  font-size: 13px;
+  text-align: center;
+  transition: all 0.25s ease;
+  border-radius: 4px;
+}
+
+.login-type-tab:hover {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.login-type-tab.active {
   color: #FFFFFF !important;
-  border-color: rgba(22, 93, 255, 0.3) !important;
+  background: rgba(22, 93, 255, 0.12) !important;
 }
 
 /* ---- 第三方登录 ---- */
diff --git a/clientarea/hgcloud/login.php b/clientarea/hgcloud/login.php
index 1b799db..f340892 100644
--- a/clientarea/hgcloud/login.php
+++ b/clientarea/hgcloud/login.php
@@ -81,6 +81,11 @@
                   {{ lang.login_phone }}
                 </div>
               </div>
+              <!-- 登录方式切换 Tab -->
+              <div class="login-type-tabs" v-if="isShowChangeTpyeBtn && !isShowQrCode">
+                <div class="login-type-tab" :class="isPassOrCode ? 'active' : null" @click="isPassOrCode ? null : changeLoginType()">密码登录</div>
+                <div class="login-type-tab" :class="!isPassOrCode ? 'active' : null" @click="!isPassOrCode ? null : changeLoginType()">验证码登录</div>
+              </div>
               <div class="form-main">
                 <template v-if="!isShowQrCode">
                   <div class="form-item">
@@ -161,14 +166,6 @@
                 <div class="form-item" v-if="!isShowQrCode">
                   <el-button type="primary" :loading="loginLoading" class="login-btn" @click="doLogin">{{ lang.login }}
                   </el-button>
-                  <!-- 登录方式切换 -->
-                  <template v-if="isShowChangeTpyeBtn">
-                    <el-button v-if="isPassOrCode " class="pass-btn"
-                      @click="changeLoginType">{{ lang.login_code_login }}
-                    </el-button>
-                    <el-button v-else class="pass-btn" @click="changeLoginType">{{ lang.login_pass_login }}
-                    </el-button>
-                  </template>
                 </div>
                 <!-- 三方登录 -->
                 <template v-if="commonData.oauth && commonData.oauth?.length > 0">