后浪云百度小程序教程:page-fund 公积金查询模板

  • page-fund 公积金查询模板
    • 示例
    • 页面内容
      • 首页
      • 账户信息页
      • 对账单页面
      • 缴存明细页面
    • npm 依赖
    • Bug & Tip

    page-fund 公积金查询模板

    从开发者工具 v2.25.1-rc 版本开始支持。

    解释:针对公积金场景的政务服务模板,包含账户信息、对账单、缴存提取明细等页面,以及金额脱敏、列表展开/收起等功能,可根据实际业务需求使用。

    示例

    扫码体验

    代码示例

    后浪云百度小程序教程:page-fund 公积金查询模板插图

    请使用百度APP扫码

    页面内容

    模板包含四个页面:首页、账户信息页、对账单页面和缴存明细页面。

    首页

    展示用户账户基本信息、最近的缴存提取记录和对账单、缴存信息等详细信息入口。

    页面路径:index/index

    后浪云百度小程序教程:page-fund 公积金查询模板插图1

    账户信息页

    展示用户的身份信息、缴存单位、个人编号、缴存基数、缴存比例、缴存额等信息。

    页面路径:billinfo/index

    后浪云百度小程序教程:page-fund 公积金查询模板插图2

    对账单页面

    展示用户缴纳公积金以来所有年度的对账单详细信息,包含缴存数、提取数、结转数、利息等数据。

    页面路径:billinfo/index

    后浪云百度小程序教程:page-fund 公积金查询模板插图3

    缴存明细页面

    展示用户缴纳公积金以来所有年度的缴存、提取明细记录。

    页面路径:access/index

    后浪云百度小程序教程:page-fund 公积金查询模板插图4

    npm 依赖

    名称 版本号
    @smt-ui/component-gov latest
    @smt-ui/component latest

    Bug & Tip

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