全部产品
云市场

卡片(card)

更新时间:2019-09-09 14:07:32

本文介绍卡片(card)。

属性名 描述 类型 默认值 必选
thumb Card缩略图地址 String - false
title Card标题 String - true
subTitle Card副标题 String - false
footer footer文字 String - false
footerImg footer图片地址 String - false
onCardClick Card点击的回调 (info: Object) => void - false
info 用于点击卡片时往外传递数据 String - false

代码示例

  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. });