From 97a0271cacafd5d236ad8e43efaca6ccb3437f96 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Thu, 19 Mar 2026 19:25:46 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20+86=E5=89=8D=E7=BC=80=E8=A2=AB=E6=8C=A4?=
 =?UTF-8?q?=E5=87=BA=20+=20=E6=B3=A8=E5=86=8C=E9=A1=B5=E5=8A=A0=E8=AF=AD?=
 =?UTF-8?q?=E8=A8=80=E5=88=87=E6=8D=A2=20+=20=E8=AF=AD=E8=A8=80=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- prepend 固定 width:70px 避免 +86 被挤出
- 注册页 login-jump-btn 内加入 lang-box 语言切换
- lang-box 用 font-size:0 消除文本节点间的 / 分隔符
- 登录注册页 lang-box 样式统一
---
 clientarea/hgcloud/css/login.css  | 21 +++++++++-------
 clientarea/hgcloud/css/regist.css | 40 +++++++++++++++++++++++++++----
 clientarea/hgcloud/regist.php     |  6 +++++
 3 files changed, 54 insertions(+), 13 deletions(-)

diff --git a/clientarea/hgcloud/css/login.css b/clientarea/hgcloud/css/login.css
index 7d569ea..2cc7dbd 100644
--- a/clientarea/hgcloud/css/login.css
+++ b/clientarea/hgcloud/css/login.css
@@ -70,16 +70,19 @@
 /* 语言切换 */
 .login-jump-btn .lang-box {
   display: flex;
-  gap: 8px;
+  gap: 4px;
+  font-size: 0;
 }
 
 .login-jump-btn .lang-box span {
   color: rgba(139, 148, 158, 0.6);
   cursor: pointer;
   font-size: 13px;
-  padding: 4px 8px;
-  border-radius: 4px;
+  padding: 6px 12px;
+  border-radius: 6px;
   transition: all 0.2s;
+  line-height: 1;
+  display: inline-block;
 }
 
 .login-jump-btn .lang-box span:hover {
@@ -88,7 +91,7 @@
 
 .login-jump-btn .lang-box span.active {
   color: #FFFFFF;
-  background: rgba(22, 93, 255, 0.15);
+  background: rgba(22, 93, 255, 0.2);
 }
 
 /* ---- 表单区域 — 无卡片 ---- */
@@ -332,16 +335,17 @@
   border-right: 1px solid rgba(255,255,255,0.06) !important;
   border-radius: 8px 0 0 8px !important;
   color: #E6E8EB !important;
-  padding: 0 10px !important;
+  padding: 0 !important;
+  width: 70px !important;
+  min-width: 70px !important;
 }
 
 .input-with-select .el-input-group__prepend .el-input__inner {
   background: transparent !important;
   border: none !important;
   color: #E6E8EB !important;
-  padding: 0 !important;
-  height: auto !important;
-  line-height: inherit !important;
+  padding-left: 12px !important;
+  padding-right: 20px !important;
 }
 
 .input-with-select .el-input-group__prepend .el-select .el-input .el-input__inner {
@@ -351,6 +355,7 @@
 
 .input-with-select .el-input-group__prepend .el-input__suffix {
   color: rgba(139, 148, 158, 0.5) !important;
+  right: 2px !important;
 }
 
 .input-with-select .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {
diff --git a/clientarea/hgcloud/css/regist.css b/clientarea/hgcloud/css/regist.css
index fcbde8a..54fbd10 100644
--- a/clientarea/hgcloud/css/regist.css
+++ b/clientarea/hgcloud/css/regist.css
@@ -46,6 +46,35 @@
   top: 24px;
   right: 24px;
   z-index: 20;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.login-jump-btn .lang-box {
+  display: flex;
+  gap: 4px;
+  font-size: 0;
+}
+
+.login-jump-btn .lang-box span {
+  color: rgba(139, 148, 158, 0.6);
+  cursor: pointer;
+  font-size: 13px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  transition: all 0.2s;
+  line-height: 1;
+  display: inline-block;
+}
+
+.login-jump-btn .lang-box span:hover {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.login-jump-btn .lang-box span.active {
+  color: #FFFFFF;
+  background: rgba(22, 93, 255, 0.2);
 }
 
 .login-jump-btn .btn {
@@ -228,23 +257,23 @@
   color: rgba(139, 148, 158, 0.6) !important;
 }
 
-/* 手机号 select 前置 */
 .input-with-select .el-input-group__prepend {
   background: #1c2028 !important;
   border: 1px solid transparent !important;
   border-right: 1px solid rgba(255,255,255,0.06) !important;
   border-radius: 8px 0 0 8px !important;
   color: #E6E8EB !important;
-  padding: 0 10px !important;
+  padding: 0 !important;
+  width: 70px !important;
+  min-width: 70px !important;
 }
 
 .input-with-select .el-input-group__prepend .el-input__inner {
   background: transparent !important;
   border: none !important;
   color: #E6E8EB !important;
-  padding: 0 !important;
-  height: auto !important;
-  line-height: inherit !important;
+  padding-left: 12px !important;
+  padding-right: 20px !important;
 }
 
 .input-with-select .el-input-group__prepend .el-select .el-input .el-input__inner {
@@ -254,6 +283,7 @@
 
 .input-with-select .el-input-group__prepend .el-input__suffix {
   color: rgba(139, 148, 158, 0.5) !important;
+  right: 2px !important;
 }
 
 .input-with-select .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {
diff --git a/clientarea/hgcloud/regist.php b/clientarea/hgcloud/regist.php
index f538f08..ce5a057 100644
--- a/clientarea/hgcloud/regist.php
+++ b/clientarea/hgcloud/regist.php
@@ -17,6 +17,12 @@
     <div id="regist">
       <div class="login-container">
         <div class="login-jump-btn">
+          <div class="lang-box">
+            <span v-for="item in commonData.lang_list" :key="item.display_lang"
+              :class="{active: item.display_lang == seletcLang}" @click="changeLang(item.display_lang)">
+              {{item.display_name}}
+            </span>
+          </div>
           <el-button type="primary" class="btn" v-if="commonData.login_register_redirect_show">
             <a :href="commonData.login_register_redirect_url"
               :target="commonData.login_register_redirect_blank ? '_blank' : '_self'">