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

2020-09-16 15:01 更新

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

前提条件

使用说明

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

更多详情请参见 代码市场

使用步骤

  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下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号