修改部分细节

This commit is contained in:
张成
2025-08-23 20:52:01 +08:00
parent 5179d1aa09
commit 5a204862a7
4 changed files with 20 additions and 129 deletions

View File

@@ -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;
// 条款标题

View File

@@ -178,36 +178,9 @@ const TermsPage: React.FC = () => {
return (
<View className="terms_page">
{/* 背景图片 */}
<View className="background_image">
<Image
className="bg_img"
src={require('../../../static/login/login_bg.svg')}
mode="aspectFill"
/>
<View className="bg_overlay"></View>
</View>
{/* 状态栏 */}
<View className="status_bar">
<View className="time">9:41</View>
<View className="status_icons">
<View className="signal_icon"></View>
<View className="wifi_icon"></View>
<View className="battery_icon"></View>
</View>
</View>
{/* 导航栏 */}
<View className="navigation_bar">
<View className="nav_content">
<View className="back_button" onClick={handle_go_back}>
<View className="back_icon"></View>
</View>
<View className="page_title">{pageTitle}</View>
<View className="nav_placeholder"></View>
</View>
</View>
{/* 主要内容 */}
<ScrollView className="main_content" scrollY>
@@ -221,24 +194,6 @@ const TermsPage: React.FC = () => {
{termsContent}
</View>
{/* 底部按钮 */}
<View className="bottom_actions">
<Button
className="agree_button"
onClick={() => {
Taro.showToast({
title: '已同意条款',
icon: 'success',
duration: 1500
});
setTimeout(() => {
Taro.navigateBack();
}, 1500);
}}
>
</Button>
</View>
</ScrollView>
{/* 底部指示器 */}

View File

@@ -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 {
@@ -305,6 +309,7 @@
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;
}
}
}

View File

@@ -185,23 +185,7 @@ const VerificationPage: React.FC = () => {
</Button>
</View>
{/* 底部协议链接 */}
<View className="terms_section">
<Text className="terms_text"></Text>
<Text
className="terms_link"
onClick={() => handle_view_terms('terms')}
>
</Text>
<Text className="terms_text"></Text>
<Text
className="terms_link"
onClick={() => handle_view_terms('privacy')}
>
</Text>
</View>
</View>
{/* 底部指示器 */}