阅读(1.7k) 书签赞(0) 我要纠错

百度智能小程序综合政务服务大厅模板

2020-09-03 15:56 更新

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

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

示例

前提条件

已完成小程序创建。
已下载并安装百度小程序开发者工具（简称 IDE）。

使用说明

本示例为小程序前端代码，可直接在模拟器和真机预览。
模板中使用的是测试数据，开发者需要从接口中获取真实的数据。
页面模板功能从开发者工具 v2.25.1-rc 版本开始支持。
该模板使用了 es6 语法，需要开启开发者工具的增强编译，操作步骤参看开启说明；同时也需开启上传代码时样式自动补全。

使用方式

方式一【 NPM 】

在小程序根目录执行下方命令，下载页面模板的 npm 包：
```
npm i @smt-ui-template/page-service-hall
```
将 /node_modules/@smt-ui-template/page-service-hall 下的 @smt-ui-template-page-service-hall 文件夹拷贝到当前小程序合适的目录下（如pages）:

.
├── project.swan.json
├── app.json
├── app.js
├── pages
    └── @smt-ui-template-page-service-hall    // 模板文件

在小程序根目录的 app.json 中配置模板页面的 path 路径，查看效果，如：

{
    "pages": [
        ...
        "pages/@smt-ui-template-page-service-hall/pages/index/index",
        "pages/@smt-ui-template-page-service-hall/pages/mine/index",
        "pages/@smt-ui-template-page-service-hall/pages/search/index",
        "pages/@smt-ui-template-page-service-hall/pages/certificate/index/index",
        "pages/@smt-ui-template-page-service-hall/pages/certificate/detail/index",
        "pages/@smt-ui-template-page-service-hall/pages/services/index",
        "pages/@smt-ui-template-page-service-hall/pages/setting/index",
        "pages/@smt-ui-template-page-service-hall/pages/personal/index",
        "pages/@smt-ui-template-page-service-hall/pages/city/index",
        "pages/@smt-ui-template-page-service-hall/pages/webview/index"
        ...
    ]
}