安装

tnpm install --save @alipay/mas-fund-summary

组件介绍

行业小程序公积金头部汇总组件。

参数说明

属性 | 是否必填 | 参数类型 | 参数说明 | 默认值 | 示例 --|:--:|:--:|:--:|:--: | :-: amount | 是 | String | 数字金额 | - | -- title | 是 | String | 标题 | - | -- isEyeOpen | 否 | Boolean | 眼睛是否展开 | false | -- desc | 否 | String | 描述文案 | - | -- statusText | 否 | String | 状态文案 | - | -- statusBgColor | 否 | String | 状态文案颜色 | - | -- backgroundImage | 否 | String | 背景图 | 默认有值 | -- onEyeChange | 否 | Function | 眼睛点击回调 (eyeOpen: Boolean) | - | -- onSwitch | 否 | Function | 切换icon点击回调 | - | --

在小程序中使用

{
  "usingComponents": {
    "mas-fund-summary": "@alipay/mas-fund-summary/es/index"
  }
}

在 page.axml 中引用组件

<!-- 页面使用方式 -->
 <mas-fund-summary
    desc="{{desc}}"
    statusText="{{statusText}}"
    amount="{{amount}}"
    statusBgColor="#FF6010"
    onEyeChange="onEyeChange"
    onSwitch="onSwitch"
  />

Badges

[![install size][install-size-image]][install-size-url]