feat(user-withdraw): 重写提现页面规则展示并优化用户体验
- 修复 API 返回码判断,兼容 code 为 0 的情况,增强接口健壮性 - 设计提现页面四层结构:余额卡片、提现输入区、规则区域和底部按钮 - 规则区域采用红色标题栏及两列网格显示七项参数,并列出七条详细规则,全部有默认 fallback,确保无后端时规则完整展示 - 优化提现金额输入提示,支持全部提现功能,显示手续费信息及优惠状态 - 调整样式细节,改用 #f5f6fa 背景色,卡片圆角加大,字体及布局更美观清晰 - 修正首页 tabBar 页面列表,去除积分页,避免入口冲突 - 修改用户中心积分入口为页面跳转,增强导航逻辑一致性 - 更新钱包页面快捷操作按钮,统一使用页面跳转,优化用户交互体验
This commit is contained in:
@@ -45,3 +45,40 @@
|
||||
6. **装饰圆形** — 增加第三个装饰圆,调整大小和位置
|
||||
|
||||
构建编译通过 ✓
|
||||
|
||||
## 积分商城从 paopao-taro 复制到当前项目
|
||||
|
||||
### 源项目
|
||||
`/Users/gxwebsoft/VUE/paopao-taro`
|
||||
|
||||
### 复制的文件
|
||||
**页面文件(覆盖):**
|
||||
- `src/pages/points/` 整个目录(index.tsx、signin.tsx、product-detail.tsx、product-list/、exchange/、points-rules/、order-list/)
|
||||
- `src/pages/user/points-record.tsx`
|
||||
|
||||
**API 文件(覆盖):**
|
||||
- `src/api/shop/shopPointsProduct/` — 积分商品接口
|
||||
- `src/api/shop/shopPointsOrder/` — 积分订单接口
|
||||
- `src/api/shop/shopSigninRecord/` — 签到记录接口
|
||||
- `src/api/shop/shopSigninConfig/` — 签到配置接口
|
||||
- `src/api/system/user/points/` — 用户积分信息接口
|
||||
|
||||
构建编译通过 ✓
|
||||
|
||||
## 提现页面规则展示重写(第三轮审核修复)
|
||||
|
||||
### 审核失败原因(同前两次)
|
||||
提现页面需清晰展示提现规则:可提现额度、每日提现次数、提现时间、到账时间等
|
||||
|
||||
### 根本问题
|
||||
1. API 返回码仅判断 `code === 200`,可能实际返回 `0`
|
||||
2. 规则过度依赖 API,审核环境无后端时显示不完整
|
||||
|
||||
### 重写内容(index.tsx + index.scss 全面重写)
|
||||
**4层结构:**
|
||||
1. **余额卡片** — 橙色渐变,大字号展示可提现余额
|
||||
2. **提现输入区** — 输入框 + 全部提现 + 手续费提示
|
||||
3. **规则区域(核心)** — 红色标题栏 + 2列网格(7项参数) + 7条详细文字规则,全部有 fallback 默认值,**不依赖 API 即可完整展示**
|
||||
4. **底部按钮** — 确认按钮 + "提交即表示同意"声明
|
||||
|
||||
构建编译通过 ✓
|
||||
|
||||
Reference in New Issue
Block a user