支付宝小程序 快速示例·概览
UI
| 名称 | 功能说明 |
|---|---|
| 级联选择（最大三级） | 实现级联选择，可自动适配二级或者三级选择器， 一般用于省、市、区三级联动选择。 |
| 上滑加载更多 | 小程序列表数量较多时，可以通过分页上拉加载，增加页面首屏渲染速度。 |
| 透明标题栏 | 小程序顶部标题栏和状态栏透明显示。 |
| 页面水印 | 在小程序页面添加自定义水印。 |
| 获取手机验证码 | 此为简约版获取手机验证码组件，开发者可作为参考，也可直接集成使用。 |
| 景区导航 | 通过地图的基础包装组件，提供景区标志性地点的分类标记及导航功能。 |
| 图片放大 | 实现了缩略图片点击放大的功能，常见应用场景有商品详情照片点击放大、相册图片预览与放大等。 |
| 选项卡 | 横纵自由切换的选项卡，可用于商品分类导航等场景。 |
| 历史记录-公积金缴存 | 历史公积金缴存、提取记录的查询功能。 |
| 证件上传 | 上传各类证件、资料、证明，可以实时拍照也可以从本地选择图片进行提交上传动作。 |
| 历史记录-生活缴费 | 生活缴费的历史记录，可帮助用户快速查询生活缴费的时间、类型以及具体金额。 |
| 办理流程-步骤提醒 | 事件的办理流程，通过步骤提醒用户可以清楚当前事件进程，有助于用户把握办理时间提高办事效率。 |
| 历史记录-出行消费 | 车辆通过 ETC 的交易记录，可实时查看 ETC 历史交易时间、交易地点、交易金额记录。 |
| 历史记录-缴款记录 | 因交通违法而产生的缴费记录，主要包含缴款金额、缴款状态、缴款车牌号、缴款时间。 |
| 历史记录-出入境记录 | 出入境相关信息，主要包含出入境时间、口岸、证件号码、证件类型、交通工具。 |
| 新手引导-ETC 步骤 | 新手接入 ETC 的相关操作步骤。 |
| 新手引导-ETC 等待 | 新手接入 ETC 连接蓝牙或者其他设备时的等待界面。 |
| 步骤条 | 用户使用小程序的步骤，帮助掌握当前进展。 |
| 查询动画 | 进行信息查询时界面的动画效果，生动形象的动画有助于缓解用户等待时的焦虑。 |
| 刷脸动画 | 信息查询时的人脸认证动画，生动形象的动画效果有助于缓解用户等待时的焦虑，提高用户良好体验。 |
| 新手引导-欢迎弹层 | 新手进入小程序时首页弹出的欢迎弹层，有助于提高用户对小程序的好感度。 |
| 新手引导-引导插画 | 小程序内的引导插画，一般出现在用户首次使用小程序情况下，帮助用户快速熟悉小程序功能。 |
| 消息通知-提醒 | 资料/证件上传过程中弹出的提醒，如上传图片失败的原因。 |
| 拍照上传-证件/照片 | 拍照上传证件或照片，并且对照片清晰度作出说明，避免出现用户多次拍照/上传失败。 |
云与开放能力
| 名称 | 功能说明 |
|---|---|
| 花呗支付 | 使用 Serverless 云调用实现花呗支付是小程序 Serverless 云开发的示例，这里将演示如何在1小时内搭建小程序支付和花呗支付能力。 |
| 现金红包 | 现金红包为商家的小程序提供了现金红包发放功能，主要应用于企业、商家给用户发放支付宝红包的应用场景；用户领取后，红包金额可以提现到支付宝余额。 |
| 线下买单 | 线下买单功能可将小程序与线下服务场景连接起来，给线下服务行业带来极大便利。该功能可轻松实现查看商品列表、领取优惠券、查看优惠券、结算、付款、查看订单列表、申请退款等人们广为熟悉的消费场景。 |
| 小程序支付 | 小程序支付和 APP 支付的支付流程与体验基本一致，也支持核销口碑券和口碑商户优惠功能。已签约小程序支付或在口碑开店的商户建议接入小程序支付。小程序支付在小程序内不能通过扫码、条码、声波付等方式支付，只能唤起收银台进行支付。 |
| 小程序二维码 | 小程序二维码能力可使得开发者更便捷地推广小程序，开发者可以将生成后的小程序二维码在线上线下进行贴码推广。 |
| 获取会员信息 | 获取会员信息快速示例提供 JSAPI 和 OpenAPI 两种调用方式获取用户的昵称和头像。 |
| 模板消息 | 小程序可通过模板消息高效触达用户，通知用户当前行为的结果及状态等，例如交易状态、物流进度等。 |
| 支付宝卡包 | 支付宝卡包（alipass），是支付宝公司推出的一款可以管理电子凭证的产品，该产品聚合来自各类生活服务的票据凭证，包括优惠券、折扣券、代金券、换购券、电影票、演出票、火车票、机票。 |
| 服务端基于函数计算搭建的 TODO List 模板 | 利用 Todo list 来演示如何使用小程序来实现一个简单的任务管理。 |
| 相册 | 图片存储，是所有应用开发里最常见的场景之一。在这里快速示例中，我们将通过借助小程序云开发能力，提升功能开发效率，提升数据隐私保护能力。 |
| 运动步数 | 借助运动数据功能，小程序在获得用户许可的情况下，可以获取用户最近 30 天内的运动步数，步数信息会在用户进入小程序时更新。 |
| 支付即会员场景 | 提供了用户进入到小程序后的用户信息授权、下单支付、会员卡发放的完整流程示例，为商家直观的展示支付宝支付既会员流程。 |
行业
| 名称 | 功能说明 |
|---|---|
| 门店商城 | 门店商城小程序覆盖了线下门店在线上商城经营时的各种场景，支持线上商城装修、门店商品展示、商品搜索、商品详情页、商品下单、购物车结算、会员系统、查询订单等功能。 |
| 智能售货柜小程序模板 | 提供智能售货柜小程序模板源码，包含了会员注册\登陆、代扣授权、扫码开门、支付结算、优惠券等功能。 |
| 公交卡小程序模板 | 地铁公交卡快速示例，是支付宝在公交和地铁场景下总结沉淀的小程序前端模板，主要包含：乘车权益首页、公告通知列表页、乘车权益列表、文章详情页、资讯列表页，同时将支付宝大出行业务的 Schema 拼接样例总结到代码流程中，方便开发者快速接入。 |
| 优惠加油小程序模板 | 支付宝加油模板是一个提供油站查询、油站导航、在线优惠支付、订单查询等多功能等在线加油服务。 |
| 定制公交 | 定制巴士小程序模板是城市公交定制服务在支付宝小程序的实现案例模板，提供了通用的页面，组件，与基础的交互跳转逻辑，方便各城市 ISV 快速接入巴士定制业务，节约开发时间与成本。 |
| 扫码购模板 | 扫码购小程序模板用来演示扫码购物流程在支付宝小程序的实现案例，方便开发者浏览和学习小程序的研发流程，提供面向线下购物设备进行用户选择购物的相关组件、业务流程和服务能力。 |
| 人社查询模板市场化 | 人社查询小程序模板是社保查询服务在支付宝小程序的实现案例模板, 包括社保信息查询，缴费记录，个人中心等功能。 |
| 行业链路 | 本快速示例对多个行业服务链路通用组件做了通用性抽离，涵盖了 ETC、公交、地铁、医保等多个行业方向，并拼接了服务开通页 / 服务完成页示例，方便服务行业内部开发者快速搭建符合行业内部设计规范的链路页面。 |
| 支付宝信用卡还款 | 本快速示例是一个模仿“支付宝信用卡还款功能” 的简易小程序，简化信用卡还款流程，只囊括了最主要的还款流程：用户查看信用卡列表，前往看信用卡详情，输入还款金额，操作还款，查看还款结果。 |
| 一网通办小程序 | 一网通办模板，针对全国一网通办服务提供小程序前端支撑，将政务一网通类型的小程序业务流程进行标准化、规范化梳理，形成固定、可复用的模板，包括：个人中心、电子卡包和重点服务聚合。除此之外，针对用户使用习惯，提供了服务市场、服务搜索等常见的辅助功能，形成一套完整的、用户体验优先的掌上政务办事小程序模板。 |