0.0.4 • Published 4 years ago
@mas.io/mas-info-card-select v0.0.4
安装
tnpm install --save @alipay/mas-info-card-select
组件介绍
行业小程序公积金信息选择卡片。
参数说明
属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|---|
title | 是 | String | 卡片左上角标题 | - | -- |
disabled | 否 | Boolean | 右上角checkbox是否禁用 | false | -- |
checked | 否 | Boolean | 右上角checkbox是否默认选中 | false | -- |
value | 否 | String或Number | 选中或取消选中时回调函数携带参数,根据业务需要 | '' | -- |
onChose | 是 | Function | 选中或取消选中时回调函数,onChose(obj)参数obj对象详情看下面 | - | -- |
infoList | 是 | Array | 数据列表(默认展示前四项,其余通过点击查看更多展示),当列表小于5项时不显示展开操作 | - | -- |
isOpen | 否 | Boolean | 默认是否展开 | false | -- |
className | 否 | String | class类名 | - | -- |
infoList说明
属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|---|
label | 是 | String | 左边label值 | - | -- |
value | 是 | String或Number | 右边value值 | - | -- |
onChose参数说明
属性 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|
checked | Boolean | 是否选中 | - | - |
value | String或Number | 传入的value值 | - | - |
在小程序中使用
{
"usingComponents": {
"mas-info-card-select": "@alipay/mas-info-card-select/es/index"
}
}
在 page.axml 中引用组件
<!-- 页面使用方式 -->
<mas-info-card-select
title="{{}}"
infoList="{{}}"
onChose=""
value=""
/>