0.0.3 • Published 4 years ago
@mas.io/mas-fund-details v0.0.3
安装
tnpm install --save @alipay/mas-fund-details
组件介绍
行业小程序公积金明细信息卡片组件。
参数说明
属性 | 是否必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|---|
className | 否 | String | 自定义class | - | - |
title | 是 | String | 标题文案 | - | - |
desc | 是 | String | 描述文案 | - | - |
content | 否 | String | 值(文案或者金额)isAmount为true时 字体为DINPro | - | - |
isAmount | 否 | Boolean | value为金额时 isAmount需设置为true | false | - |
color | 否 | String | value的颜色样式 | #333 | - |
subtitle | 否 | String | 副标题文案 | - | - |
value | 否 | any | onClick回传的参数字段 | - | - |
onClick | 否 | Function | 点击按钮函数 (item: props.value) => void | - | - |
在小程序中使用
{
"usingComponents": {
"mas-fund-details": "@mas.io/mas-fund-details/es/index"
}
}
在 page.axml 中引用组件
<!-- 页面使用方式 -->
<mas-fund-details
className=""
title="{{title}}"
subtitle="{{subtitle}}"
desc="{{desc}}"
isAmount="{{true}}"
value="{{value}}"
color="{{color}}
/>