0.0.3 • Published 4 years ago
@mas.io/mas-fund-draw v0.0.3
安装
tnpm install --save @alipay/mas-fund-draw
组件介绍
行业小程序公积金提取类型卡片
参数说明
属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|---|
iconUrl | 否 | String | 左边图地址 | - | -- |
title | 是 | String | 中间文字部分标题,过长会自动换行 | - | -- |
desc | 否 | String | 中间文字部分描述,过长会自动换行 | - | -- |
onClick | 否 | Function | 点击卡片回调函数,可在onClick(value)拿到value | - | -- |
value | 否 | String或Number | 回调函数接收的参数 | - | -- |
showArrow | 否 | Boolean | 是否展示右边箭头> | true | -- |
arrowSize | 否 | String | 右边箭头大小,showArrow为true时生效 | 18 | -- |
className | 否 | class类名 | - | -- |
在小程序中使用
{
"usingComponents": {
"mas-fund-draw": "@alipay/mas-fund-draw/es/index"
}
}
在 page.axml 中引用组件
<!-- 页面使用方式 -->
<mas-fund-draw
iconUrl="{{iconUrl}}"
title="{{title}}"
desc="{{desc}}"
onClick="onClick"
value="{{value}}"
showArrow="{{true}}"
arrowSize="{{18}}"
/>