0.0.10 • Published 4 years ago
@mas.io/mas-fund-summary v0.0.10
安装
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"
/>