page-service-hall 综合政务服务大厅模板
解释: 本模板适用于国家或各省市区政府线上办事大厅的快速搭建工作,模板包含搜索、banner、区域切换、电子证照、热门服务推荐、服务列表、个人中心等功能模块,开发者可根据实际需求对功能模块进行增删改等二次开发。
示例
扫码体验
代码示例
请使用百度APP扫码
页面内容
模板包含八个页面:首页、个人中心页、服务列表页、搜索页、电子证照页、地区选择页、办件中心页、个人设置页。
首页
聚合所有服务入口,页面包含政策资讯、电子证照、热门服务、banner、服务主题、服务专区、地区切换、搜索、天气等服务模块。
页面路径:index/index
服务列表页
展示某一服务分类下的具体服务项,页面中包含二级分类可进一步对服务项进行分类。
页面路径:services/index
搜索页
在搜索模块中提供了语音搜索、搜索历史、热门搜索、搜索词推荐、搜索结果展示等功能和页面样式。
页面路径:search/index
电子证照页
包含电子证照列表页和电子证照详情页,证照列表页中可展示用户已关联和未关联的证照,证照详情页中可展示具体证照信息及与此证照相关的服务项。
页面路径:certificate/index/index
地区选择页
用户可在此页面操作切换地区,支持通过定位选择位置,支持通过历史记录选择位置,支持通过首字母索引查找地区。
页面路径:city/index
个人中心页
聚合与用户相关的基础服务入口,包含办件中心、我的收藏、我的建议、意见反馈、个人设置等功能。
页面路径:mine/index
办件中心页
展示用户办理的服务项,包含全部、待受理、已受理、已办结 4 个分类。
页面路径:personal/index
个人设置页
为用户提供常用的个人设置相关功能,如个人信息、常用联系人管理、权限管理、退出登录等。
页面路径:setting/index
npm 依赖
名称 | 版本号 |
---|---|
@smt-ui/component-gov | latest |
@smt-ui/component | latest |
Bug & Tip
- Tip:该模板使用了 ES6 语法,需要开启开发者工具的增强编译,操作步骤参看开启说明;同时也需开启上传代码时样式自动补全。
- Tip:以上代码示例为纯客户端代码,可直接在模拟器和真机预览。
- Tip:模板中使用的是测试数据,你需要从接口中获取真实的数据。