设计规范

免输卡号绑卡的小程序插件

微信免输卡号绑卡小程序插件是微信支付为接入免输卡号的银行提供的前端UI插件。通过使用该插件可直接调用微信侧已开发好的所有前端视觉要素（包括标准版+大字号+无障碍等），进而显著降低接入银行的初次开发和后续迭代的成本，并极大提高视觉走查的通过率。

自2022年8月起，存量银行的迭代和增量银行的接入都建议以组件模式进行开发，从而帮助降低银行的开发成本。

详细介绍请见： 免输卡号绑卡小程序插件开发文档

前端开发阶段，银行可依据以下流程接入免输卡号绑卡的小程序插件：

Step 1. 注册小程序：确认已有以银行为认证主体的小程序，并确认其AppID；如果没有，请到微信公众平台申请注册。

Step 2. 申请插件权限：通过插件开发文档标题下方的「添加」按钮申请插件权限，并联系群里对接的微信同事通过插件权限申请，所有需使用插件的小程序（包括测试环境和生产环境）均需在后台申请。

Step 3. 申请插件白名单：请联系群里对接的微信同事提供开通白名单所需的信息，包括 ① 是否需要在组件中加挂银行协议 ② 所有需要使用插件的小程序AppID（包括测试环境和生产环境的小程序）。

注： 如未开通插件白名单，在开发者工具中调用插件时会报错AppID不在协议列表内

Step 4. 插件配置：每周三为插件白名单配置的窗口期，所以请在每周二晚前依据微信支付同事的指引提供白名单配置所需的信息，否则要等到下周三才能配置生效。一般情况下，每周四即可开始调用插件进行开发。

Step 5. 插件使用：根据插件的开发文档完成免输卡号绑卡的前端开发，并提交走查文件 注：如有在组件中加挂协议的需求，请联系群内微信同事进行记录并发起协议审核流程，在协议审核通过后将由微信侧在插件内配置协议，银行无需另行处理。

小程序平台的Loading加载态的详细代码可参考插件开发文档的【1.注意事项】，两个加载态将作为视觉走查的重要部分，请银行关注。