style(dealer): 优化提现记录列表样式

- 为提现记录卡片添加浅灰色背景
- 使用 Space 组件替代 View 以提高代码可读性
- 移除提现记录标签页的透明背景样式
This commit is contained in:
2025-08-28 01:38:05 +08:00
parent d3eb65bc09
commit c1742e9996

View File

@@ -434,16 +434,16 @@ const DealerWithdraw: React.FC = () => {
</View> </View>
) : withdrawRecords.length > 0 ? ( ) : withdrawRecords.length > 0 ? (
withdrawRecords.map(record => ( withdrawRecords.map(record => (
<View key={record.id} className="rounded-lg p-4 mb-3 shadow-sm"> <View key={record.id} className="rounded-lg bg-gray-50 p-4 mb-3 shadow-sm">
<View className="flex justify-between items-start mb-3"> <View className="flex justify-between items-start mb-3">
<View> <Space>
<Text className="font-semibold text-gray-800 mb-1"> <Text className="font-semibold text-gray-800 mb-1">
¥{record.money} ¥{record.money}
</Text> </Text>
<Text className="text-sm text-gray-500"> <Text className="text-sm text-gray-500">
{record.accountDisplay} {record.accountDisplay}
</Text> </Text>
</View> </Space>
<Tag type={getStatusColor(record.applyStatus)}> <Tag type={getStatusColor(record.applyStatus)}>
{getStatusText(record.applyStatus)} {getStatusText(record.applyStatus)}
</Tag> </Tag>
@@ -488,7 +488,7 @@ const DealerWithdraw: React.FC = () => {
{renderWithdrawForm()} {renderWithdrawForm()}
</Tabs.TabPane> </Tabs.TabPane>
<Tabs.TabPane title="提现记录" value="1" className={'bg-none'} style={{backgroundColor: 'transparent'}}> <Tabs.TabPane title="提现记录" value="1">
{renderWithdrawRecords()} {renderWithdrawRecords()}
</Tabs.TabPane> </Tabs.TabPane>
</Tabs> </Tabs>