本文介绍卡片(card)。
属性名 | 类型 | 默认值 | 描述 | 必选 |
---|---|---|---|---|
thumb | String | – | Card 缩略图地址。 | false |
title | String | – | Card 标题。 | true |
subTitle | String | – | Card 副标题。 | false |
footer | String | – | footer 文字。 | false |
footerImg | String | – | footer 图片地址。 | false |
onCardClick | (info: Object) => void | – | Card 点击的回调。 | false |
info | String | – | 用于点击卡片时往外传递数据。 | false |
代码示例
{
"defaultTitle": "小程序AntUI组件库",
"usingComponents": {
"card": "mini-ali-ui/es/card/index"
}
}
<card
thumb="{{thumb}}"
title="卡片标题"
subTitle="副标题非必填"
onCardClick="onCardClick"
footer="描述文字"
footerImg="{{footerImg}}"
info="点击了 card"
/>
Page({
data: {
tagData: [
{ date: '2018-05-14', tag: '还房贷', tagColor: 5 },
{ date: '2018-05-28', tag: '公积金', tagColor: 2 },
],
},
handleSelect() {},
onMonthChange() {},
});