Browse Source

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

- 为提现记录卡片添加浅灰色背景
- 使用 Space 组件替代 View 以提高代码可读性
- 移除提现记录标签页的透明背景样式
demo
科技小王子 1 month ago
parent
commit
c1742e9996
  1. 8
      src/dealer/withdraw/index.tsx

8
src/dealer/withdraw/index.tsx

@ -434,16 +434,16 @@ const DealerWithdraw: React.FC = () => {
</View>
) : withdrawRecords.length > 0 ? (
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>
<Space>
<Text className="font-semibold text-gray-800 mb-1">
¥{record.money}
</Text>
<Text className="text-sm text-gray-500">
{record.accountDisplay}
</Text>
</View>
</Space>
<Tag type={getStatusColor(record.applyStatus)}>
{getStatusText(record.applyStatus)}
</Tag>
@ -488,7 +488,7 @@ const DealerWithdraw: React.FC = () => {
{renderWithdrawForm()}
</Tabs.TabPane>
<Tabs.TabPane title="提现记录" value="1" className={'bg-none'} style={{backgroundColor: 'transparent'}}>
<Tabs.TabPane title="提现记录" value="1">
{renderWithdrawRecords()}
</Tabs.TabPane>
</Tabs>

Loading…
Cancel
Save