赵忠林
ec252beb4b
- 创建 .editorconfig 文件统一代码风格配置 - 配置 .eslintrc 使用 taro/react 规则集 - 完善 .gitignore 忽略编译产物和敏感文件 - 添加 admin/article/add 页面实现文章管理功能 - 添加 dealer/apply/add 页面实现经销商申请功能 - 添加 dealer/bank/add 页面实现银行卡管理功能 - 添加 dealer/customer/add 页面实现客户管理功能 - 添加 user/address/add 页面实现用户地址管理功能 - 添加 user/chat/message/add 页面实现消息功能 - 添加 user/gift/add 页面实现礼品管理功能 - 配置各页面导航栏标题和样式 - 实现表单验证和数据提交功能 - 集成图片上传和头像选择功能 - 添加日期选择和数据校验逻辑 - 实现编辑和新增模式切换 - 集成用户权限和角色管理功能
81 lines
2.8 KiB
TypeScript
81 lines
2.8 KiB
TypeScript
import React, { useState } from 'react'
|
|
import { View, Text } from '@tarojs/components'
|
|
import { Tabs, Button } from '@nutui/nutui-react-taro'
|
|
|
|
/**
|
|
* 提现功能调试组件
|
|
* 用于测试 Tabs 组件的点击和切换功能
|
|
*/
|
|
const WithdrawDebug: React.FC = () => {
|
|
const [activeTab, setActiveTab] = useState<string | number>('0')
|
|
const [clickCount, setClickCount] = useState(0)
|
|
|
|
// Tab 切换处理函数
|
|
const handleTabChange = (value: string | number) => {
|
|
console.log('Tab切换:', { from: activeTab, to: value, type: typeof value })
|
|
setActiveTab(value)
|
|
setClickCount(prev => prev + 1)
|
|
}
|
|
|
|
// 手动切换测试
|
|
const manualSwitch = (tab: string | number) => {
|
|
console.log('手动切换到:', tab)
|
|
setActiveTab(tab)
|
|
setClickCount(prev => prev + 1)
|
|
}
|
|
|
|
return (
|
|
<View className="bg-gray-50 min-h-screen p-4">
|
|
<View className="bg-white rounded-lg p-4 mb-4">
|
|
<Text className="text-lg font-bold mb-2">调试信息</Text>
|
|
<Text className="block mb-1">当前Tab: {String(activeTab)}</Text>
|
|
<Text className="block mb-1">切换次数: {clickCount}</Text>
|
|
<Text className="block mb-1">Tab类型: {typeof activeTab}</Text>
|
|
</View>
|
|
|
|
<View className="bg-white rounded-lg p-4 mb-4">
|
|
<Text className="text-lg font-bold mb-2">手动切换测试</Text>
|
|
<View className="flex gap-2">
|
|
<Button size="small" onClick={() => manualSwitch('0')}>
|
|
切换到申请提现
|
|
</Button>
|
|
<Button size="small" onClick={() => manualSwitch('1')}>
|
|
切换到提现记录
|
|
</Button>
|
|
</View>
|
|
</View>
|
|
|
|
<View className="bg-white rounded-lg">
|
|
<Tabs value={activeTab} onChange={handleTabChange}>
|
|
<Tabs.TabPane title="申请提现" value="0">
|
|
<View className="p-4">
|
|
<Text className="text-center text-gray-600">申请提现页面内容</Text>
|
|
<Text className="text-center text-sm text-gray-400 mt-2">
|
|
当前Tab值: {String(activeTab)}
|
|
</Text>
|
|
</View>
|
|
</Tabs.TabPane>
|
|
|
|
<Tabs.TabPane title="提现记录" value="1">
|
|
<View className="p-4">
|
|
<Text className="text-center text-gray-600">提现记录页面内容</Text>
|
|
<Text className="text-center text-sm text-gray-400 mt-2">
|
|
当前Tab值: {String(activeTab)}
|
|
</Text>
|
|
</View>
|
|
</Tabs.TabPane>
|
|
</Tabs>
|
|
</View>
|
|
|
|
<View className="bg-white rounded-lg p-4 mt-4">
|
|
<Text className="text-lg font-bold mb-2">事件日志</Text>
|
|
<Text className="text-sm text-gray-500">
|
|
请查看控制台输出以获取详细的切换日志
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|
|
|
|
export default WithdrawDebug
|