页面展示:把主要操作放在一屏
依次展示任务摘要、好友选择、出资比例和奖励分成。底部固定“我需支付”与下一步按钮,详细规则默认折叠。标准 H5 画布为 393 × 852;小屏、余额不足提示或展开规则时允许滚动。
履约金可以与好友共同承担,奖励分成单独约定。先选好友,再设置两项比例,核对双方金额后发送申请。
入口:任务详情 → 参与 → 履约金确认 → 申请扶持金。余额充足也可以申请;本方案只覆盖 H5 好友扶持。
依次展示任务摘要、好友选择、出资比例和奖励分成。底部固定“我需支付”与下一步按钮,详细规则默认折叠。标准 H5 画布为 393 × 852;小屏、余额不足提示或展开规则时允许滚动。
输入好友 UID,点击“查找”或按回车。结果在查找框下方展示头像、昵称与 UID。查找框始终保留;修改 ID 或点击“清除”会取消原好友选择,重新查找后才能继续。
当前原型输入任意非空 ID 都能查询到演示用户,空白输入不能查询。
先查找好友,再拖动两项比例。尚未选中好友或本人余额不足时,下一步不可用。折叠规则解释扣款时机、奖励范围、返还和撤销;预计奖励以实际完成和审核结果为准。
两项比例不缓存:刷新、重新打开或返回未提交表单,恢复 50% / 20%;已发送申请保留实际约定比例。
下方直接展示点击下一步后的两种弹框。均已选中示例好友,可点击按钮继续操作;返回修改后,仍可调整比例并再次点击下一步。
好友出资 50%,获得分成 20%。发送前再次核对身份、双方金额和比例。
弹框汇总好友昵称与 UID、任务名称、双方履约金和预计奖励。示例中各支付 25.00 USD,本人预计获得 1.20 USD(80%),好友获得 0.30 USD(20%)。
发送时不扣款,任务尚未开始。好友确认前可以撤销;保存失败保留表单并提示重试,重复点击不新增相同申请。
点击下一步提示“无需申请扶持”,可返回调整,也可选择自行参与任务。
好友出资和获得分成均为 0%。您可以自行支付履约金,直接参与该任务。
弹框持续展示直到用户关闭或选择操作,不自动跳转,也不创建扶持申请。
两个弹框预览各自载入固定示例,刷新可恢复。预览中的好友与比例不会覆盖普通申请页的好友草稿;普通申请页仍默认 50% / 20%,两项比例不缓存。
| 当前情况 | 用户看到的结果 |
|---|---|
| 出资 0%,分成大于 0% | 本人支付全部履约金,仍向好友确认奖励分成,可以继续申请。 |
| 出资大于 0%,分成 0% | 好友提供履约支持但不获得 USD 奖励,可以继续申请。 |
| 出资或分成 100% | 对应金额全部由好友支付或获得,另一方显示 0;不自动改变另一项比例。 |
| 本人余额不足 | 展示差额并禁用下一步。“按我的余额调整”增加好友出资比例,按 10% 档位调整到本人可承担的金额;奖励分成不变。 |
入口:Me → 扶持金管理。三个分类使用同一套卡片布局,无论谁扶持谁,“我”都指当前查看者。下方原型可切换分类、展开详情、处理或撤销申请。
卡片顶部展示任务名称和状态,主体两列固定展示本人出资金额与出资占比、本人收益金额与奖励分成。出资占比和奖励分成独立标注,例如“我出资 25.00 USD,出资占比 50%”与“我预计获得 0.30 USD,奖励分成 20%”。
不再增加“我的信息”等分组标题;减少嵌套色块和重复说明,接受、拒绝或撤销按钮保持在卡片底部,点击高度不小于 44px。
在金额下方、操作按钮上方的好友一行,用蓝色向外箭头 ↗「我扶持好友」和绿色向内箭头 ↙「好友扶持我」区分关系,后接好友昵称。16px 图标与文字同一行,不增加卡片高度;同时保留文字,不仅靠颜色识别。
关系由本次约定中的身份决定,不能根据出资金额高低判断。双方各出 50% 时,两种关系仍明确区分。
“待处理请求”展示需要本人确认的申请,可同时出现两种扶持关系;“给我的扶持”表示好友扶持我,“给好友的扶持”表示我扶持好友。两个分类的示例均展示完整的双方出资约定,覆盖部分、全额和零出资。
待处理区分“待我确认 / 待好友确认”;完成后显示“我实际获得”,已拒绝、已失效显示“我原定出资 / 我原预计获得”,避免误认为仍需付款。
点击好友一行的“详情”,查看 UID、好友出资金额与占比、好友分成、任务总履约金、周期、申请时间和返还金额。完成记录明确区分履约金退还给我、退还给好友。
列表不重复扣款规则、状态解释或内部数据说明。缺失字段不显示,不用任务总额补造本人出资;真实 0 出资仍展示 0.00 USD 和 0%。
点击“扶持好友”或“接受扶持”,弹框以“我 / 好友”两列对照出资金额、出资占比、预计奖励与分成,突出本人一列。上方展示好友昵称与 UID,主按钮标明“确认并支付 ×× USD”;本人出资为 0 时显示“确认接受”。
双方余额均足够后才分别扣款并开始任务。任一方余额不足,本次不扣款,申请保持待处理;拒绝不扣款。本人发出的待处理申请可以撤销,成功后为已失效,需要修改约定时重新申请。弹框支持取消和 Escape 返回。
以下为真实原型的静态截图,点击可放大;各图保留对应操作入口。两类扶持沿用相同的金额布局,确认时再对照双方约定。
以下为真实原型的静态截图,点击图片可放大;每种状态均保留可操作原型入口。申请阶段检查本人余额,好友确认时再次检查双方余额。

触发:履约金 50.00 USD,双方各出 50%;本人需付 25.00 USD,余额只有 20.00 USD。
提示与限制:显示还差 5.00 USD,并禁用下一步。可以提高好友出资比例,或补足余额后再申请。
按我的余额调整:好友出资改为 60%(30.00 USD),本人支付 40%(20.00 USD);好友分成仍为 20%。已选择好友时可继续下一步。

触发:支持者需支付 25.00 USD(出资占比 50%),确认时主账户余额不足。弹框同时展示双方出资与奖励比例;此处“我”指正在处理申请的支持者。
提示:您的主账户余额不足。本次未扣款,申请仍待处理。
后续:关闭弹框,补足本人余额后重新确认;双方均不扣款,任务不开始,不将申请标记为已拒绝或已失效。

触发:支持者余额足够,但申请人需支付的 25.00 USD 在确认时已不足。发送申请时余额足够,不代表确认时仍足够。
提示:好友的主账户余额不足,请联系好友补足。本次未扣款,申请仍待处理。
后续:联系申请人补足余额后再确认;不会先扣支持者的钱。需要变更约定时,由申请人撤销后重新申请。
确认阶段的原型入口:选择第一条双方各出 25.00 USD 的请求,点击“扶持好友”,再点击“确认并支付 25.00 USD”即可重现对应提示。示例余额固定用于演示,未接入充值与真实余额更新。
| 对象 | 业务含义与边界 |
|---|---|
| 任务履约金 | 本次任务需支付的金额,双方出资合计等于任务要求。来自各自主账户,符合返还规则时分别退回各自主账户。 |
| 好友出资比例 | 申请人视角下,好友承担的履约金份额。只决定出资金额,不决定奖励分成。 |
| 好友获得分成比例 | 好友获得的本任务 USD 奖励份额,本人获得剩余部分;不包含履约金,不扩大到其他资产或任务奖励。 |
| 预计与实际奖励 | 表单金额用于核对约定,不承诺一定到账;最终以实际完成和审核结果为准。 |
| 金额展示 | 双方出资和奖励按两位小数显示,合计与总额保持一致,不因舍入多付或少付。 |
| 状态 | 含义与可做的操作 |
|---|---|
| 待处理 | 申请已发出、未扣款,等待好友确认;发起人可撤销,接收方可同意或拒绝。 |
| 参与中 | 好友已同意并完成双方支付,任务开始,约定比例不再变更。 |
| 已拒绝 | 接收方拒绝本次申请,不支付履约金。 |
| 已失效 | 撤销、已参与任务或条件变化导致申请不能继续处理。 |
| 已完成 | 查看实际收益和已返还履约金,核对最终结果。 |
从“给好友的扶持”选择任务后进入同一表单,出资标签改为“我的出资比例”,默认自己出资 50%;好友获得分成默认 80%。好友是任务参与者,发起人是支持者。仍需双方核对和确认,不能把申请页的“好友出资比例”直接套用到此视角。
包含页面流程、金额示例、异常情况、状态规则与原型边界。