This commit is contained in:
张成
2025-11-15 10:04:48 +08:00
parent 146314f59a
commit 54ef49c8d9
17 changed files with 161 additions and 23 deletions

View File

@@ -5,11 +5,11 @@
"appid": "wx815b533167eb7b53", "appid": "wx815b533167eb7b53",
"setting": { "setting": {
"urlCheck": true, "urlCheck": true,
"es6": true, "es6": false,
"enhance": true, "enhance": false,
"postcss": true, "postcss": false,
"preloadBackgroundData": false, "preloadBackgroundData": false,
"minified": true, "minified": false,
"newFeature": true, "newFeature": true,
"coverView": true, "coverView": true,
"nodeModules": false, "nodeModules": false,
@@ -36,8 +36,8 @@
"userConfirmedBundleSwitch": false, "userConfirmedBundleSwitch": false,
"packNpmManually": false, "packNpmManually": false,
"packNpmRelationList": [], "packNpmRelationList": [],
"minifyWXSS": true, "minifyWXSS": false,
"minifyWXML": true "minifyWXML": false
}, },
"compileType": "miniprogram", "compileType": "miniprogram",
"simulatorType": "wechat", "simulatorType": "wechat",

View File

@@ -8,7 +8,7 @@
"lazyloadPlaceholderEnable": false, "lazyloadPlaceholderEnable": false,
"skylineRenderEnable": false, "skylineRenderEnable": false,
"preloadBackgroundData": false, "preloadBackgroundData": false,
"autoAudits": true, "autoAudits": false,
"useApiHook": true, "useApiHook": true,
"useApiHostProcess": true, "useApiHostProcess": true,
"showShadowRootInWxmlPanel": false, "showShadowRootInWxmlPanel": false,

View File

@@ -109,7 +109,7 @@
} }
// 主要内容区域 // 主要内容区域
.main_content { .login_main_content {
position: relative; position: relative;
z-index: 5; z-index: 5;
flex: 1; flex: 1;

View File

@@ -159,7 +159,7 @@ const LoginPage: React.FC = () => {
</View> </View>
{/* 主要内容 */} {/* 主要内容 */}
<View className="main_content"> <View className="login_main_content">
{/* 品牌区域 */} {/* 品牌区域 */}
<View className="brand_section"> <View className="brand_section">
<View className="logo_container" > <View className="logo_container" >

View File

@@ -153,7 +153,7 @@
} }
// 主要内容区域 // 主要内容区域
.main_content { .terms_main_content {
position: relative; position: relative;
z-index: 5; z-index: 5;
flex: 1; flex: 1;

View File

@@ -183,7 +183,7 @@ const TermsPage: React.FC = () => {
{/* 主要内容 */} {/* 主要内容 */}
<ScrollView className="main_content" scrollY> <ScrollView className="terms_main_content" scrollY>
{/* 条款标题 */} {/* 条款标题 */}
<View className="terms_title"> <View className="terms_title">
{termsTitle} {termsTitle}

View File

@@ -198,7 +198,7 @@
} }
// 主要内容 // 主要内容
.main_content { .verification_main_content {
position: relative; position: relative;
z-index: 10; z-index: 10;
padding: 0px 24px 36px; padding: 0px 24px 36px;

View File

@@ -277,7 +277,7 @@ const VerificationPage: React.FC = () => {
</View> </View>
{/* 主要内容 */} {/* 主要内容 */}
<View className="main_content"> <View className="verification_main_content">
{/* 标题区域 */} {/* 标题区域 */}
<View className="title_section"> <View className="title_section">
<Text className="main_title">/</Text> <Text className="main_title">/</Text>

View File

@@ -136,7 +136,7 @@ const MyselfPageContent: React.FC = () => {
return ( return (
<View className="myself_page"> <View className="myself_page">
<View className="main_content" style={{ paddingTop: `${totalHeight}px` }}> <View className="myself_page_content_main" style={{ paddingTop: `${totalHeight}px` }}>
<View className="user_info_section"> <View className="user_info_section">
<UserInfoCard <UserInfoCard
editable={is_current_user} editable={is_current_user}

View File

@@ -153,7 +153,7 @@
} }
// 主要内容区域 // 主要内容区域
.main_content { .football_rules_main_content {
position: relative; position: relative;
z-index: 5; z-index: 5;
flex: 1; flex: 1;

View File

@@ -18,7 +18,7 @@ useEffect(() => {
return ( return (
<View className="terms_page"> <View className="terms_page">
{/* 主要内容 */} {/* 主要内容 */}
<ScrollView className="main_content" scrollY> <ScrollView className="football_rules_main_content" scrollY>
{/* 条款标题 */} {/* 条款标题 */}
<View className="terms_title"> <View className="terms_title">

View File

@@ -119,7 +119,7 @@
} }
// 主要内容区域 // 主要内容区域
.main_content { .edit_main_content {
position: relative; position: relative;
z-index: 5; z-index: 5;
flex: 1; flex: 1;

View File

@@ -375,7 +375,7 @@ const EditProfilePage: React.FC = () => {
}} }}
/> />
{/* 主要内容 */} {/* 主要内容 */}
<ScrollView className="main_content" scrollY> <ScrollView className="edit_main_content" scrollY>
{loading ? ( {loading ? (
<View className="loading_container"> <View className="loading_container">
<Text className="loading_text">...</Text> <Text className="loading_text">...</Text>

View File

@@ -33,9 +33,9 @@
} }
// 主要内容区域 // 主要内容区域
.main_content { .myself_main_content {
// position: relative; // position: relative;
background: #ffffff; // background: #ffffff;
animation: backgroundGradient 0s ease-in-out forwards; animation: backgroundGradient 0s ease-in-out forwards;
z-index: 5; z-index: 5;
flex: 1; flex: 1;
@@ -172,6 +172,144 @@
.test-entry-card-box { .test-entry-card-box {
padding: 0 15px; padding: 0 15px;
} }
}
// MyselfPageContent 组件使用的类名(与 myself_main_content 样式相同)
.myself_page_content_main {
// position: relative;
// background: #ffffff;
animation: backgroundGradient 0s ease-in-out forwards;
z-index: 5;
flex: 1;
margin-top: 0;
box-sizing: border-box;
padding-bottom: 15px;
// padding-top 由内联样式控制
// 用户信息区域
.user_info_section {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0 15px;
// 加载状态
.loading_container {
display: flex;
justify-content: center;
align-items: center;
padding: 40px 0;
.loading_text {
@include text-style(16px, 400, 1.4em);
color: $color-primary-lightest;
}
}
// 统计数据
.stats_section {
display: flex;
justify-content: flex-start;
align-items: center;
.stats_container {
display: flex;
align-items: center;
gap: 20px;
.stat_item {
display: flex;
flex-direction: column;
align-items: center;
.stat_number {
@include text-medium;
}
.stat_label {
@include text-small;
}
}
}
}
// 标签和简介
.tags_bio_section {
display: flex;
flex-direction: column;
gap: 10px;
.tags_container {
display: flex;
gap: 8px;
flex-wrap: wrap;
.tag_item {
@include tag-base;
.tag_icon {
width: 12px;
height: 12px;
}
.tag_text {
@include text-tag;
}
}
}
.bio_text {
@include text-body;
white-space: pre-line;
}
}
// 球局订单和收藏功能
.quick_actions_section {
margin-bottom: 16px;
.action_card {
@include card-base;
border-radius: 12px;
display: flex;
align-items: center;
overflow: hidden;
height: 48px;
.action_content {
height: 100%;
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
.action_icon {
width: 20px;
height: 20px;
}
.action_text {
@include text-style(15px, 600, 1.4em);
color: $color-primary;
}
}
.action_divider {
width: 1px;
height: 16px;
background: $color-primary-lightest-5;
}
}
}
}
.test-entry-card-box {
padding: 0 15px;
}
// 球局类型标签页 // 球局类型标签页
.game_tabs_section { .game_tabs_section {

View File

@@ -181,7 +181,7 @@ const MyselfPage: React.FC = () => {
return ( return (
<View className="myself_page"> <View className="myself_page">
{/* 主要内容 */} {/* 主要内容 */}
<View className="main_content"> <View className="myself_main_content">
{/* 用户信息区域 */} {/* 用户信息区域 */}
<View className="user_info_section"> <View className="user_info_section">
<UserInfoCard <UserInfoCard

View File

@@ -60,7 +60,7 @@
} }
// 主要内容区域 // 主要内容区域
.main_content { .other_main_content {
position: relative; position: relative;
z-index: 5; z-index: 5;
flex: 1; flex: 1;

View File

@@ -237,7 +237,7 @@ const OtherUserPage: React.FC = () => {
}} }}
/> />
{/* 主要内容 */} {/* 主要内容 */}
<View className="main_content"> <View className="other_main_content">
{/* 用户信息区域 */} {/* 用户信息区域 */}
<View className="user_info_section"> <View className="user_info_section">
<UserInfoCard <UserInfoCard