支付宝小程序 行业·智能售货柜小程序模板

提供智能售货柜小程序模板源码，包含了会员注册\登陆、代扣授权、扫码开门、支付结算、优惠券等功能。

使用说明

• 本示例为纯客户端代码，可直接在模拟器和在真机预览 。
• 部分页面暂不支持调试，如遇此类不支持页面，请在 web IDE > 模拟器 > 页面路径，切换页面使用。
• 更多使用详情请参见 代码市场。

前提条件

• 完成 开发者入驻 与 小程序创建。
• 安装最新版 IDE，点击下载。

使用步骤 

1. 下载 文件包 。
2. 打开 IDE 相关的内容目录，关联已有 APPID。
3. 通过 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。

可实现手机验证码登录功能。