本章内容出自《小程序开发不求人》电子书，点击下载完整版
支付宝小程序快速示例
获取手机验证码快速示例
此为简约版获取手机验证码组件，开发者可作为参考，也可直接集成使用。您也可以通过 获取手机验证码快速示例 进行学习操作。
扫码体验
前提条件
- 已完成 开发者入驻 与 小程序创建 。
- 已下载并安装 小程序开发者工具。
页面使用
page.axml
<mobile-code
onSendCode="onSendCode"
onCodeInput="onCodeInput"/>组件传参说明
智能售货柜小程序快速示例
提供智能售货柜小程序模板源码，包含了会员注册登陆、代扣授权、扫码开门、支付结算、优惠券等功能。您也可以通过 智能售货柜小程序快速示例 进行学习操作。
使用说明
- 本示例为纯客户端代码，可直接在模拟器和在真机预览 。
- 部分页面暂不支持调试，如遇此类不支持页面，请在 web IDE > 模拟器 > 页面路径，切换页面使用。
- 更多使用详情请参见 代码模板市场。
前提条件
- 已完成 开发者入驻 与 小程序创建。
- 已下载并安装 小程序开发者工具（简称 IDE）。
使用步骤
- 打开 IDE 相关的内容目录，关联已有 APPID。
- 通过 IDE 真机预览 。
页面内容
本项目包括的页面数量为 11 个，分别是：首页、先享后付首页、优惠券页面、附近设备展示、登录注册页面、个人中心、我的订单、订单详情、订单完结、故障报修、扫码支付等待页面。
1. 首页
页面路径：pages/index
包含先享后付和先付后享两个行动点。
2. 先享后付首页
页面路径：pages/home
- 优选推荐模块
- 扫一扫功能模块
- 搜索附近设备模块
3. 优惠券页面
页面路径：pages/coupon
已使用/未使用两个 tab 优惠券列表。
4. 附近设备展示
页面路径：pages/near
- 设备地图定位功能
- 附近设备信息列表
5. 登录注册页面
页面路径：pages/registeLogin
登录注册功能。
6. 个人中心
页面路径：pages/registeLogin
- 个人信息展示
- 其它行动点列表
7. 我的订单
页面路径：pages/myOrder
我的订单列表。
8. 订单详情
页面路径：pages/orderDetails
订单详情信息。
9. 订单完结
页面路径：pages/myOrder
订单支付结果页,包含订单信息, 优惠券,实付金额, 备注等展示功能。
10. 故障报修
页面路径：pages/myOrder
- 常用故障列表展示
- 故障信息提交
- 联系客服行动点
11. 扫码支付等待页面
页面路径：pages/openDoor
- 等待状态展示
- 支付成功与失败等后续行动点展示
自定义 UI 组件
1. 优选推荐
页面路径：module/good-list
优选货品推荐展示列表组件。
2. 已选商品展示
页面路径：module/good-show
可展示商品详情、金额合计。
3. 移动端登录框
页面路径：module/login-form。
可实现手机验证码登录功能。
