page-service-hall 综合政务服务大厅模板

解释: 本模板适用于国家或各省市区政府线上办事大厅的快速搭建工作,模板包含搜索、banner、区域切换、电子证照、热门服务推荐、服务列表、个人中心等功能模块,开发者可根据实际需求对功能模块进行增删改等二次开发。

示例

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

页面内容

模板包含八个页面:首页个人中心页服务列表页搜索页电子证照页地区选择页办件中心页个人设置页

首页

聚合所有服务入口,页面包含政策资讯、电子证照、热门服务、banner、服务主题、服务专区、地区切换、搜索、天气等服务模块。

页面路径:index/index

page-service-hall 综合政务服务大厅模板 - 图2

服务列表页

展示某一服务分类下的具体服务项,页面中包含二级分类可进一步对服务项进行分类。

页面路径:services/index

page-service-hall 综合政务服务大厅模板 - 图3

搜索页

在搜索模块中提供了语音搜索、搜索历史、热门搜索、搜索词推荐、搜索结果展示等功能和页面样式。

页面路径:search/index

page-service-hall 综合政务服务大厅模板 - 图4

电子证照页

包含电子证照列表页和电子证照详情页,证照列表页中可展示用户已关联和未关联的证照,证照详情页中可展示具体证照信息及与此证照相关的服务项。

页面路径:certificate/index/index

page-service-hall 综合政务服务大厅模板 - 图5

地区选择页

用户可在此页面操作切换地区,支持通过定位选择位置,支持通过历史记录选择位置,支持通过首字母索引查找地区。

页面路径:city/index

page-service-hall 综合政务服务大厅模板 - 图6

个人中心页

聚合与用户相关的基础服务入口,包含办件中心、我的收藏、我的建议、意见反馈、个人设置等功能。

页面路径:mine/index

page-service-hall 综合政务服务大厅模板 - 图7

办件中心页

展示用户办理的服务项,包含全部、待受理、已受理、已办结 4 个分类。

页面路径:personal/index

page-service-hall 综合政务服务大厅模板 - 图8

个人设置页

为用户提供常用的个人设置相关功能,如个人信息、常用联系人管理、权限管理、退出登录等。

页面路径:setting/index

page-service-hall 综合政务服务大厅模板 - 图9

npm 依赖

名称版本号
@smt-ui/component-govlatest
@smt-ui/componentlatest

Bug & Tip

  • Tip:该模板使用了 ES6 语法,需要开启开发者工具的增强编译,操作步骤参看开启说明;同时也需开启上传代码时样式自动补全。
  • Tip:以上代码示例为纯客户端代码,可直接在模拟器和真机预览。
  • Tip:模板中使用的是测试数据,你需要从接口中获取真实的数据。