支付宝商家转账功能组件设计 我们

案例：去商店购买东西使用支付宝支付的过程中，可以通过扫描商家二维码，进行转账交易，转账支付的流程主要包括输入数额，选择支付方式，确认支付；因为每个流程中的组件都十分复杂，我们仅拿其中一个流程，对用户操作过程中涉及的组件进行拆解说明；输入金额和添加备注流程：页面的组件主要是用户信息文本，输入框备注组件键盘控件

弹框组件；这个流程包括个行为事件，个大的业务场景； 行为事件一：用户在商店通过扫码商家二维码，分别两次给商家转账和元的金额 业务场景：用户没有输入任何金额 业务场景：用户转账输入的金额没有超过限制 业务场景：用户转账输入的金额超过最大限制 业务场景主要应用金额输入框组件，输入框组件根据用户操作行为，会有不一样的设计，用户没有任何操作

输入框内有默认文案提

示输入付款金额，用户输入金额后，计算单 新西兰号码数据 位超过‘百’，数字金额上方会有单位提示，同时显示删除按钮，支持删除，重新输入，业务场景中根据金额输入范围定义了产品业务规则，再细分出三种场景，不同范围内的金额，可以对应的组件设计方案解决确认转账确认问题；  当输入金额范围在 ，进入新页面，通过点击按钮组件，进行转账确认  当输入金额范围在 ，在当前页面使用模态弹框组件，进行转账确认  当输入金额范围在 ，进入新页面，重新输入框内输入转账金额，进行确认，若两次金额不一致，出现弹窗提示用户操作。

点击 回答 文章导航 一分清

控件和组件 二再深入聊下组件 三学做组件管理 四组 尼泊尔电话号码列表 件设计的应用和思考 五总结 关于 人人都是产品经理 是以产品经理运营为核心的学习交流分享平台，集媒体培训社群为一体，全方位服务产品人和运营人，成立年举办在线讲座 期，线下分享会 场，产品经理大会运营大会 场，覆盖北上广深杭成都等个城市，在行业有较高的影响力和知名度。