1
This commit is contained in:
@@ -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",
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -109,7 +109,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 主要内容区域
|
// 主要内容区域
|
||||||
.main_content {
|
.login_main_content {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
@@ -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" >
|
||||||
|
|||||||
@@ -153,7 +153,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 主要内容区域
|
// 主要内容区域
|
||||||
.main_content {
|
.terms_main_content {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
@@ -153,7 +153,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 主要内容区域
|
// 主要内容区域
|
||||||
.main_content {
|
.football_rules_main_content {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
@@ -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">
|
||||||
约球规则
|
约球规则
|
||||||
|
|||||||
@@ -119,7 +119,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 主要内容区域
|
// 主要内容区域
|
||||||
.main_content {
|
.edit_main_content {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -60,7 +60,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 主要内容区域
|
// 主要内容区域
|
||||||
.main_content {
|
.other_main_content {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user