feat(user-withdraw): 重写提现页面规则展示并优化用户体验
- 修复 API 返回码判断,兼容 code 为 0 的情况,增强接口健壮性 - 设计提现页面四层结构:余额卡片、提现输入区、规则区域和底部按钮 - 规则区域采用红色标题栏及两列网格显示七项参数,并列出七条详细规则,全部有默认 fallback,确保无后端时规则完整展示 - 优化提现金额输入提示,支持全部提现功能,显示手续费信息及优惠状态 - 调整样式细节,改用 #f5f6fa 背景色,卡片圆角加大,字体及布局更美观清晰 - 修正首页 tabBar 页面列表,去除积分页,避免入口冲突 - 修改用户中心积分入口为页面跳转,增强导航逻辑一致性 - 更新钱包页面快捷操作按钮,统一使用页面跳转,优化用户交互体验
This commit is contained in:
@@ -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' })}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user