feat(user-withdraw): 重写提现页面规则展示并优化用户体验

- 修复 API 返回码判断,兼容 code 为 0 的情况,增强接口健壮性
- 设计提现页面四层结构:余额卡片、提现输入区、规则区域和底部按钮
- 规则区域采用红色标题栏及两列网格显示七项参数,并列出七条详细规则,全部有默认 fallback,确保无后端时规则完整展示
- 优化提现金额输入提示,支持全部提现功能,显示手续费信息及优惠状态
- 调整样式细节,改用 #f5f6fa 背景色,卡片圆角加大,字体及布局更美观清晰
- 修正首页 tabBar 页面列表,去除积分页,避免入口冲突
- 修改用户中心积分入口为页面跳转,增强导航逻辑一致性
- 更新钱包页面快捷操作按钮,统一使用页面跳转,优化用户交互体验
This commit is contained in:
2026-06-24 14:04:24 +08:00
parent 6c22856b69
commit bf02992ab2
6 changed files with 351 additions and 191 deletions

View File

@@ -11,7 +11,7 @@ definePageConfig({
const WalletPage: React.FC = () => {
const { isLoggedIn } = useUser()
// 获取用户余额信息(使用与"我的"页面相同的 API
const { data: balanceData, run: fetchBalance, loading: balanceLoading } = useRequest(getUserCardStats, {
manual: true,
@@ -62,28 +62,28 @@ const WalletPage: React.FC = () => {
{/* 快捷操作 */}
<View className='mx-3 mt-3 bg-white rounded-xl p-4'>
<View className='flex justify-between'>
<View
<View
className='flex-1 flex flex-col items-center py-2'
onClick={() => Taro.navigateTo({ url: '/pages/user/balance-log/index' })}
>
<Text className='text-lg mb-1'>📄</Text>
<Text className='text-xs text-gray-600'></Text>
</View>
<View
<View
className='flex-1 flex flex-col items-center py-2'
onClick={() => Taro.navigateTo({ url: '/pages/user/recharge-record/index' })}
>
<Text className='text-lg mb-1'>💳</Text>
<Text className='text-xs text-gray-600'></Text>
</View>
<View
<View
className='flex-1 flex flex-col items-center py-2'
onClick={() => Taro.navigateTo({ url: '/pages/user/redeem/index' })}
>
<Text className='text-lg mb-1'>🎫</Text>
<Text className='text-xs text-gray-600'></Text>
</View>
<View
<View
className='flex-1 flex flex-col items-center py-2'
onClick={() => Taro.navigateTo({ url: '/pages/user/withdraw/index' })}
>