codecamp

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

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

使用说明

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

前提条件

使用步骤 

  1. 下载 文件包 。
  2. 打开 IDE 相关的内容目录,关联已有 APPID。
  3. 通过 IDE 真机预览 。

页面内容

本项目包括的页面数量为 11 个,分别是:首页、先享后付首页、优惠券页面、附近设备展示、登录注册页面、个人中心、我的订单、订单详情、订单完结、故障报修、扫码支付等待页面。

1. 首页

页面路径:pages/index

包含先享后付和先付后享两个行动点。

image

2. 先享后付首页

页面路径:pages/home

  • 优选推荐模块
  • 扫一扫功能模块
  • 搜索附近设备模块

image

3. 优惠券页面

页面路径:pages/coupon

已使用/未使用两个 tab 优惠券列表。

image

4. 附近设备展示

页面路径:pages/near

  • 设备地图定位功能
  • 附近设备信息列表

image

5. 登录注册页面

页面路径:pages/registeLogin

登录注册功能。

6. 个人中心

页面路径:pages/registeLogin

  • 个人信息展示
  • 其它行动点列表

image

7. 我的订单

页面路径:pages/myOrder

我的订单列表。

image

8. 订单详情

页面路径:pages/orderDetails

订单详情信息。

image

9. 订单完结

页面路径:pages/myOrder

订单支付结果页,包含订单信息, 优惠券,实付金额, 备注等展示功能。

image

10. 故障报修

页面路径:pages/myOrder

  • 常用故障列表展示
  • 故障信息提交
  • 联系客服行动点

image

11. 扫码支付等待页面

页面路径:pages/openDoor

  • 等待状态展示
  • 支付成功与失败等后续行动点展示

自定义 UI 组件

1. 优选推荐

页面路径:module/good-list

优选货品推荐展示列表组件。

image

2. 已选商品展示

页面路径:module/good-show

可展示商品详情、金额合计。

3. 移动端登录框

页面路径:module/login-form。

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

image

支付宝小程序 行业·门店商场
支付宝小程序 行业·公交卡小程序模板
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

支付宝小程序开发文档

支付宝小程序 快速示例

支付宝小程序 小程序快速示例

支付宝小程序 框架

支付宝小程序 组件

支付宝小程序组件 基础组件

支付宝小程序组件 无障碍访问

支付宝小程序 扩展组件

支付宝小程序扩展组件 UI组件

支付宝小程序 API

支付宝小程序 开发工具

支付宝小程序 云服务

支付宝小程序 Serverless

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }