修改部分样式

This commit is contained in:
张成
2025-08-23 22:57:34 +08:00
parent 5a204862a7
commit 22ae0c7cc4
10 changed files with 937 additions and 108 deletions

View File

@@ -7,7 +7,7 @@ import './index.scss';
const LoginPage: React.FC = () => {
const [is_loading, set_is_loading] = useState(false);
const [agree_terms, set_agree_terms] = useState(false);
const [show_terms_layer, set_show_terms_layer] = useState(true);
const [show_terms_layer, set_show_terms_layer] = useState(false);
// 微信授权登录
const handle_wechat_login = async () => {
@@ -100,7 +100,6 @@ const LoginPage: React.FC = () => {
return (
<View className="login_page">
{/* 背景图片 */}
<View className="background_image">
<Image
className="bg_img"
@@ -115,11 +114,11 @@ const LoginPage: React.FC = () => {
{/* 品牌区域 */}
<View className="brand_section">
<View className="logo_container" >
</View>
<View className="slogan_container">
</View>
</View>
@@ -187,43 +186,42 @@ const LoginPage: React.FC = () => {
<View className="terms_overlay" onClick={handle_overlay_click}>
{/* 底部条款浮层 */}
<View className="terms_float_layer" onClick={handle_layer_click}>
{/* 浮层标题 */}
<View className="float_title">
<Text className="title_text"></Text>
</View>
{/* 浮层标题 */}
<View className="float_title">
<Text className="title_text"></Text>
</View>
{/* 条款列表 */}
<View className="terms_list">
<Text
className="terms_item"
onClick={() => handle_view_terms('terms')}
>
</Text>
<Text
className="terms_item"
onClick={() => handle_view_terms('binding')}
>
</Text>
<Text
className="terms_item"
onClick={() => handle_view_terms('privacy')}
>
</Text>
</View>
{/* 条款列表 */}
<View className="terms_list">
<Text
className="terms_item"
onClick={() => handle_view_terms('terms')}
>
</Text>
<Text
className="terms_item"
onClick={() => handle_view_terms('binding')}
>
</Text>
<Text
className="terms_item"
onClick={() => handle_view_terms('privacy')}
>
</Text>
</View>
{/* 同意按钮 */}
<Button
className={`agree_button ${agree_terms ? 'agreed' : ''}`}
onClick={handle_agree_terms}
>
{agree_terms ? '已同意' : '同意并继续'}
</Button>
{/* 同意按钮 */}
<Button
className={`agree_button ${agree_terms ? 'agreed' : ''}`}
onClick={handle_agree_terms}
>
{agree_terms ? '已同意' : '同意并继续'}
</Button>
{/* 底部指示器 */}
<View className="home_indicator"></View>
</View>
</View>
)}