0.1.0 • Published 2 years ago
@mas.io/mas-fund-collapse v0.1.0
安装
tnpm install --save @alipay/mas-fund-collapse
组件介绍
行业小程序公积金还款计划列表折叠组件。
参数说明
属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|---|
data | 是 | Array | 数据列表 | - | -- |
className | 否 | String | class类名(会加到组件最外层) | - | -- |
data
属性 | 是否必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|---|
title | 是 | String | 左上角标题 | - | -- |
leftBottomText | 否 | String | 左下角文字 | - | -- |
rightTopText | 否 | String | 右上角文字 | - | -- |
detail | 否 | Array | 隐藏详细信息,当不传此值或为空数组时,不显示更多明细操作 | - | -- |
isOpen | 否 | Boolean | 默认是否展开 | false | -- |
detail
属性 | 是否必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
---|---|---|---|---|---|
label | 是 | String | 左边label值 | - | -- |
value | 是 | String或Number | 右边value值 | - | -- |
在小程序中使用
{
"usingComponents": {
"mas-fund-collapse": "@alipay/mas-fund-collapse/es/index"
}
}
在 page.axml 中引用组件
<!-- 页面使用方式 -->
<mas-fund-collapse
data="{{data}}"
className="your-class"
/>
const data = [
{
title: '二期还款',
leftBottomText: '04-24',
rightTopText: '7067.00',
detail: [
{
label: '本金',
value: '7000.00'
}
]
},
]