feat(theme): 实现主题切换系统并优化经销商相关页面

- 新增主题切换系统,支持智能主题和手动选择
- 更新经销商首页、团队、订单、提现等页面样式
- 添加主题相关的Hook和样式工具函数
- 优化部分组件样式以适配新主题
This commit is contained in:
2025-08-19 00:08:26 +08:00
parent 8efeb9a5bd
commit 9d9762ef17
23 changed files with 739 additions and 264 deletions

View File

@@ -11,8 +11,8 @@ import {
Tag,
Empty
} from '@nutui/nutui-react-taro'
import { Money, ArrowRight } from '@nutui/icons-react-taro'
import { businessGradients, cardGradients } from '@/styles/gradients'
import { Wallet } from '@nutui/icons-react-taro'
import { businessGradients } from '@/styles/gradients'
import Taro from '@tarojs/taro'
const DealerWithdraw: React.FC = () => {
@@ -84,21 +84,22 @@ const DealerWithdraw: React.FC = () => {
<View className="rounded-xl p-6 mb-6 text-white relative overflow-hidden" style={{
background: businessGradients.dealer.header
}}>
{/* 装饰背景 */}
<View className="absolute top-0 right-0 w-24 h-24 rounded-full opacity-10" style={{
background: 'radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%)',
transform: 'translate(50%, -50%)'
{/* 装饰背景 - 小程序兼容版本 */}
<View className="absolute top-0 right-0 w-24 h-24 rounded-full" style={{
backgroundColor: 'rgba(255, 255, 255, 0.1)',
right: '-12px',
top: '-12px'
}}></View>
<View className="flex items-center justify-between relative z-10">
<View>
<Text className="text-white text-opacity-80 text-sm mb-1"></Text>
<Text className="text-2xl font-bold text-white drop-shadow-sm">¥{availableAmount}</Text>
<Text className="text-2xl font-bold text-white">¥{availableAmount}</Text>
</View>
<View className="p-3 rounded-full" style={{
background: 'rgba(255, 255, 255, 0.2)'
}}>
<Money color="white" size="32" />
<Wallet color="white" size="32" />
</View>
</View>
<View className="mt-4 pt-4 relative z-10" style={{
@@ -149,7 +150,7 @@ const DealerWithdraw: React.FC = () => {
</View>
<Form.Item name="accountType" label="提现方式" required>
<Radio.Group value={selectedAccount} onChange={setSelectedAccount}>
<Radio.Group value={selectedAccount} onChange={() => setSelectedAccount}>
<Cell.Group>
<Cell>
<Radio value="wechat"></Radio>
@@ -200,7 +201,7 @@ const DealerWithdraw: React.FC = () => {
{record.account}
</Text>
</View>
<Tag type={getStatusColor(record.status)} size="small">
<Tag type={getStatusColor(record.status)}>
{getStatusText(record.status)}
</Tag>
</View>
@@ -223,7 +224,7 @@ const DealerWithdraw: React.FC = () => {
return (
<View className="bg-gray-50 min-h-screen">
<Tabs value={activeTab} onChange={setActiveTab}>
<Tabs value={activeTab} onChange={() => setActiveTab}>
<Tabs.TabPane title="申请提现" value="0">
{renderWithdrawForm()}
</Tabs.TabPane>