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')}
- >
- 《隐私权政策》
-
-
+
{/* 底部指示器 */}