From 5a204862a75287af589f1385d8dd847d90f02f4b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E6=88=90?= Date: Sat, 23 Aug 2025 20:52:01 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=83=A8=E5=88=86=E7=BB=86?= =?UTF-8?q?=E8=8A=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/login/terms/index.scss | 35 +++--------------- src/pages/login/terms/index.tsx | 49 +------------------------ src/pages/login/verification/index.scss | 47 ++++++------------------ src/pages/login/verification/index.tsx | 18 +-------- 4 files changed, 20 insertions(+), 129 deletions(-) diff --git a/src/pages/login/terms/index.scss b/src/pages/login/terms/index.scss index 8eb03f9..61ac7c9 100644 --- a/src/pages/login/terms/index.scss +++ b/src/pages/login/terms/index.scss @@ -7,37 +7,10 @@ display: flex; flex-direction: column; background: #FAFAFA; + box-sizing: border-box; + } -// 背景图片和渐变覆盖层 -.background_image { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 0; - - .bg_img { - width: 100%; - height: 100%; - object-fit: cover; - } - - .bg_overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: linear-gradient( - 180deg, - rgba(0, 0, 0, 0) 48%, - rgba(0, 0, 0, 0.96) 86%, - rgba(0, 0, 0, 1) 100% - ); - } -} // 状态栏样式 .status_bar { @@ -184,7 +157,9 @@ position: relative; z-index: 5; flex: 1; - padding: 98px 24px 0; + padding: 0px 24px ; + box-sizing: border-box; + overflow-y: auto; // 条款标题 diff --git a/src/pages/login/terms/index.tsx b/src/pages/login/terms/index.tsx index ae6538a..f68475a 100644 --- a/src/pages/login/terms/index.tsx +++ b/src/pages/login/terms/index.tsx @@ -19,7 +19,7 @@ const TermsPage: React.FC = () => { React.useEffect(() => { const params = Taro.getCurrentInstance().router?.params; const type = params?.type || 'terms'; - + switch (type) { case 'terms': setPageTitle('条款和条件'); @@ -178,36 +178,9 @@ const TermsPage: React.FC = () => { return ( - {/* 背景图片 */} - - - - - {/* 状态栏 */} - - 9:41 - - - - - - - {/* 导航栏 */} - - - - - - {pageTitle} - - - + {/* 主要内容 */} @@ -221,24 +194,6 @@ const TermsPage: React.FC = () => { {termsContent} - {/* 底部按钮 */} - - - {/* 底部指示器 */} diff --git a/src/pages/login/verification/index.scss b/src/pages/login/verification/index.scss index 3515754..0598cac 100644 --- a/src/pages/login/verification/index.scss +++ b/src/pages/login/verification/index.scss @@ -4,6 +4,7 @@ background: #FAFAFA; position: relative; overflow: hidden; + box-sizing: border-box; } // 背景 @@ -200,7 +201,7 @@ .main_content { position: relative; z-index: 10; - padding: 12px 24px 36px; + padding: 0px 24px 36px; display: flex; flex-direction: column; gap: 36px; @@ -212,6 +213,7 @@ flex-direction: column; gap: 8px; text-align: left; + padding: 12px 24px 36px 24px ; .main_title { font-family: 'PingFang SC'; @@ -235,7 +237,6 @@ display: flex; flex-direction: column; gap: 12px; - padding: 0 24px; } // 输入组 @@ -291,7 +292,10 @@ border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 12px; padding: 10px 12px; + width: 210px; height: 52px; + box-sizing: border-box; + box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06); .code_input { @@ -304,6 +308,7 @@ border: none; outline: none; background: transparent; + &::placeholder { color: rgba(60, 60, 67, 0.3); @@ -322,6 +327,9 @@ .send_code_button { width: 120px; height: 52px; + box-sizing: border-box; + padding: 12px 2px; + background: #000000; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 16px; @@ -347,10 +355,7 @@ } } -// 按钮区域 -.button_section { - padding: 0 24px; -} + // 登录按钮 .login_button { @@ -362,7 +367,7 @@ font-family: 'PingFang SC'; font-weight: 600; font-size: 16px; - line-height: 1.4; + padding: 6px 2px; color: #FFFFFF; box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.1); backdrop-filter: blur(32px); @@ -421,31 +426,3 @@ z-index: 10; } -// 响应式适配 -@media (max-width: 375px) { - .main_content { - padding: 8px 20px 32px; - } - - .form_section { - padding: 0 20px; - } - - .button_section { - padding: 0 20px; - } - - .terms_section { - padding: 0 20px; - } - - .title_section { - .main_title { - font-size: 24px; - } - - .sub_title { - font-size: 16px; - } - } -} \ No newline at end of file diff --git a/src/pages/login/verification/index.tsx b/src/pages/login/verification/index.tsx index 7d4978e..0405b18 100644 --- a/src/pages/login/verification/index.tsx +++ b/src/pages/login/verification/index.tsx @@ -185,23 +185,7 @@ const VerificationPage: React.FC = () => { - {/* 底部协议链接 */} - - 登录即表示同意 - handle_view_terms('terms')} - > - 《开场的条款和条件》 - - - handle_view_terms('privacy')} - > - 《隐私权政策》 - - + {/* 底部指示器 */}