样式优化
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@use '../../scss/common.scss' as *;
|
||||
@use "../../scss/common.scss" as *;
|
||||
|
||||
// 个人页面样式
|
||||
.myself_page {
|
||||
@@ -18,16 +18,12 @@
|
||||
// 主要内容区域
|
||||
.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;
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
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 {
|
||||
|
||||
@@ -22,7 +22,6 @@ interface Transaction {
|
||||
related_id: number;
|
||||
type_text: string | null;
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user