Card 卡片

卡片。

扫码体验：
Card 卡片 - 图1

属性名描述类型默认值必选
thumbCard缩略图地址Stringfalse
titleCard标题Stringtrue
subTitleCard副标题Stringfalse
footerfooter文字Stringfalse
footerImgfooter图片地址Stringfalse
onCardClickCard点击的回调(info: Object) => voidfalse
info用于点击卡片时往外传递数据Stringfalse

示例

  1. {
  2.   "defaultTitle": "小程序AntUI组件库",
  3.   "usingComponents": {
  4.     "card": "mini-antui/es/card/index"
  5.   }
  6. }
  1. <card
  2.   thumb="{{thumb}}"
  3.   title="卡片标题"
  4.   subTitle="副标题非必填"
  5.   onClick="onCardClick"
  6.   footer="描述文字"
  7.   footerImg="{{footerImg}}"
  8.   info="dadadadadada"
  9. />
  1. Page({
  2.   data: {
  3.     tagData: [
  4.       { date: '2018-05-14', tag: '还房贷', tagColor: 5 },
  5.       { date: '2018-05-28', tag: '公积金', tagColor: 2 },
  6.     ],
  7.   },
  8.   handleSelect() {},
  9.   onMonthChange() {},
  10. });

原文: https://docs.alipay.com/mini/component-ext/card