codecamp

支付宝小程序 行业·一网通办小程序

一网通办模板,针对全国一网通办服务提供小程序前端支撑,将政务一网通类型的小程序业务流程进行标准化、规范化梳理,形成固定、可复用的模板,包括:个人中心、电子卡包和重点服务聚合。除此之外,针对用户使用习惯,提供了服务市场、服务搜索等常见的辅助功能,形成一套完整的、用户体验优先的掌上政务办事小程序模板。

前提条件

使用说明

本示例为纯客户端代码,可直接在模拟器和真机预览。

更多详情请参见 代码市场

使用步骤

  1. 下载 文件包。
  2. 打开 IDE 相关的内容目录,配置 APPID 并安装相关 NPM 依赖。
  3. 通过 IDE 真机预览。

页面内容

一网通办小程序模板,提供了三大重点功能服务和一个用户辅助能力,三大重点功能包括:个人中心功能服务、电子卡包功能服务和核心重点服务聚合;用户辅助能力提供了服务市场,是服务内容的聚合。

image

三大重点功能

1. 个人中心功能服务

个人中心功能服务,包括个人中心首页、个人信息设置页,以及支付记录、办事记录等政务信息列表页。

个人中心首页

页面路径:pages/personal-center/index

image

2. 电子卡包功能服务

电子卡包功能服务以证件夹列表作为主入口,将芝麻认证和绑卡授权功能,集成在电子卡包流程中。包括证件夹列表页、芝麻认证功能服务、授权绑卡流程。

我的证件页面

页面路径:pages/my-card/index

image

3.核心重点服务聚合

核心重点服务聚合,包括用户信息展示及登录(用户授权登录)、服务推荐、热点新闻、通知提醒、服务分类及列表展示。

首页

页面路径:pages/index/index

image

城市列表页面

页面路径:pages/city-list/index

image

社保页面

页面路径:pages/core-service/index

image

用户辅助能力

服务市场是服务内容聚合,提供用户自定义首页展示服务的功能。包含首页模块、最近使用、为你推荐、第三方应用模块。

服务市场页面

页面路径:pages/market/index

image

自定义 UI 组件

1.城市列表组件

页面路径:module/city-tab

城市选择列表组件。

image

2.页脚组件

页面路径:module/footer

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

image

NPM 依赖

名称 版本号
herculex v0.2.15
mini-antui v0.3.13
dayjs v1.8.20
@babel/runtime-corejs2 v7.7.7
@babel/runtime v7.8.0
支付宝小程序 行业·支付宝信用卡还款
支付宝小程序 服务端·概述
温馨提示
下载编程狮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; }