codecamp

支付宝小程序 行业·人社查询模板市场化

人社查询小程序模板是社保查询服务在支付宝小程序实现的案例模板,包括社保信息查询、缴费记录、个人中心等功能。

使用说明

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

前提条件

使用步骤

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

 页面内容

本项目包括的页面数量为三个,分别是:首页、个人中心页面、社保详情页面。

1. 首页

页面路径:pages/index

  • 个人社保信息模块
  • 社保列表模块
  • 页脚模块

image

2. 个人中心页面

页面路径:pages/personaldetail

展示基础的用户信息。

image

3. 社保详情页面

页面路径:pages/detailitem

  • 金额模块
  • 明细tab模块
  • 月份选择模块
  • 缴存明细列表模块

image

自定义 UI 组件 

本项目共包含两个自定义 UI 组件:页脚组件、结果页组件。

1. 页脚组件

页面路径: module/footer

可展示服务方机构的信息、咨询电话。

image

2. 结果页组件

页面路径:module/pageresult

可展示成功、失败不同的状态。

支付宝小程序 行业·扫码购模板
支付宝小程序 行业·行业链路
温馨提示
下载编程狮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; }