< 文档首页
全部产品
弹性计算
存储
数据库
安全
大数据
人工智能
网络与CDN
视频服务
容器与中间件
开发与运维
API与工具
物联网
专有云
企业应用与服务
钉钉
域名与网站
移动研发平台EMAS-专有云
解决方案
会员服务
更多

    卡片（card）

    更新时间：2020-08-17 21:04:55

    ★ 我的收藏
    本页目录

    本文介绍卡片（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-ali-ui/es/card/index"
    5.   }
    6. }
    1. <card
    2.   thumb="{{thumb}}"
    3.   title="卡片标题"
    4.   subTitle="副标题非必填"
    5.   onCardClick="onCardClick"
    6.   footer="描述文字"
    7.   footerImg="{{footerImg}}"
    8.   info="点击了 card"
    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. });
    上一篇：纵向选项卡（vtabs）
    下一篇：宫格（grid）
    相关文档
    相关产品
    • 移动开发平台mPaaS
      移动开发平台（Mobile PaaS，简称 mPaaS）是源于支付宝 App 的移动开发平台，为移动开发、测试、运营及运维提供云到端的一站式解决方案，能有效降低技术门槛、减少研发成本、提升开发效率，协助企业快速搭建稳定高质量的移动 App。
    • 金融分布式架构 SOFAStack
      SOFAStack™（Scalable Open Financial Architecture Stack）包含构建金融级云原生架构所需的各个组件，也是在金融场景里锤炼出来的最佳实践。提供微服务应用开发、部署发布、监控运维、项目管理、容灾高可用等全栈式解决方案，并兼容Dubbo、Spring Cloud等微服务运行环境，提供基于虚拟机的经典PaaS运维和基于Kubernetes的云原生运维能力，助力客户各类应用轻松转型分布式和云原生架构。
    • 移动研发平台 EMAS
      移动研发平台（Enterprise Mobile Application Studio，简称EMAS），面向企业服务市场，期望把阿里巴巴近十年在移动互联网行业沉淀的DevOps研发支撑能力、移动App基础中间件能力开放给客户，帮助传统企业快速实现移动数字化的转型目标。