如何实现卡片card_移动开发平台 mPaaS-阿里云帮助中心

本文介绍卡片（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() {},
});