# frontend-dev - 任务计划 > 角色: 前端开发 > 状态: pending > 分配的任务: 支付宝当面付前端完整实现 ## 任务 - [ ] 步骤 1: 重构 WechatPayQRCodeModal.jsx 为通用 QRCodePayModal - [ ] 步骤 2: 新建 SettingsPaymentGatewayAlipay.jsx 管理后台设置页 - [ ] 步骤 3: 修改 PaymentSetting.jsx 注册支付宝设置 - [ ] 步骤 4: 修改 topup/index.jsx 添加支付宝支付逻辑 - [ ] 步骤 5: 修改 RechargeCard.jsx 传递 enableAlipayTopUp - [ ] 步骤 6: 更新 i18n 翻译文件 - [ ] 步骤 7: bun run build 验证 ## 备注 - 参考文件:WechatPayQRCodeModal.jsx(二维码模态框)、SettingsPaymentGatewayWechat.jsx(设置页) - 支付宝图标 SiAlipay 已存在于 RechargeCard.jsx - 完成后找 reviewer 审查