安装

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}}"
  />

Badges

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