样式优化

This commit is contained in:
2025-10-27 13:22:15 +08:00
parent 80a4cc35fa
commit f5df67cbd5
4 changed files with 23 additions and 28 deletions

View File

@@ -307,14 +307,14 @@
left: 36px;
right: 12px;
height: 0.5px;
background: rgba(0, 0, 0, 0.12);
background: rgba(0, 0, 0, 0.08);
border-radius: 99px;
}
}
.divider {
height: 0.5px;
background-color: rgba(0, 0, 0, 0.12);
background-color: rgba(0, 0, 0, 0.08);
margin-left: 35px;
box-sizing: border-box;
}

View File

@@ -1,4 +1,4 @@
@use '../../scss/common.scss' as *;
@use "../../scss/common.scss" as *;
// 个人页面样式
.myself_page {
@@ -18,17 +18,13 @@
// 主要内容区域
.main_content {
// position: relative;
background: radial-gradient(circle at 50% 0,
/* 光晕圆心在顶部中间 */
rgba(191, 255, 239, 0.9) 0px,
/* 中间更深的浅蓝 */
rgba(191, 255, 239, 0.5) 200px,
/* 100px 处开始淡化 */
#fafafa 300px,
/* 到 200px 变成白色 */
#fafafa 100%
/* 200px 以下全白 */
);
background: radial-gradient(
circle at 50% 0,
/* 光晕圆心在顶部中间 */ rgba(191, 255, 239, 0.9) 0px,
/* 中间更深的浅蓝 */ rgba(191, 255, 239, 0.5) 200px,
/* 100px 处开始淡化 */ #fafafa 300px,
/* 到 200px 变成白色 */ #fafafa 100% /* 200px 以下全白 */
);
z-index: 5;
flex: 1;
margin-top: 0;
@@ -55,7 +51,6 @@
}
}
// 统计数据
.stats_section {
display: flex;
@@ -123,15 +118,16 @@
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;
padding: 20px 0;
cursor: pointer;
transition: background-color 0.3s ease;
@@ -161,7 +157,6 @@
// 球局类型标签页
.game_tabs_section {
.tab_container {
display: flex;
gap: 16px;

View File

@@ -1,6 +1,7 @@
// @use '../../scss/common.scss' as *;
.wallet_page {
min-height: 100vh;
background-color: #f5f5f5;
padding-bottom: 5px;
box-sizing: border-box;
@@ -305,15 +306,14 @@
gap: 4px;
width: 100px;
.type_text_tag{
.type_text_tag {
font-size: 8px;
font-weight: normal;
color: #FF9500;
color: #ff9500;
border-radius: 999px !important;
padding: 4px;
background-color: rgba(#FF9500, 0.1);
border: solid 1px #FF9500;
background-color: rgba(#ff9500, 0.1);
border: solid 1px #ff9500;
}
.transaction_amount {

View File

@@ -21,8 +21,7 @@ interface Transaction {
last_modify_time: string;
related_id: number;
type_text: string | null;
total_balance_after:string;
total_balance_after: string;
}
// 钱包信息类型
@@ -477,7 +476,7 @@ const WalletPage: React.FC = () => {
<Text className="currency_symbol">¥</Text>
<View className="amount_group">
<Text className="main_amount">
{(wallet_info.total_balance)?.toFixed(2)}
{wallet_info.total_balance?.toFixed(2)}
</Text>
{/* <Text className="decimal_amount">
.
@@ -589,10 +588,8 @@ const WalletPage: React.FC = () => {
{transaction.type_text}
</Text>
<Text className="transaction_amount">
{get_amount_display(transaction)}
</Text>
</View>
<Text className="balance_info">
@@ -606,7 +603,10 @@ const WalletPage: React.FC = () => {
// <View className="empty_state">
// <Text className="empty_text">暂无交易记录</Text>
// </View>
<EmptyState text="钱包空空如也,组织球局赚点球费吧" styles={{padding: "unset"}} />
<EmptyState
text="钱包空空如也,组织球局赚点球费吧"
styles={{ padding: "unset" }}
/>
)}
</View>
</View>