Card 卡片

概述

基础容器，用来显示文字、列表、图文等内容，也可以配合其它组件一起使用。

使用指南

在 .json 中引入组件

  1. "usingComponents": {
  2.     "i-card": "../../dist/card/index"
  3. }

示例

  1. <i-card title="卡片标题" extra="额外内容" thumb="https://i.loli.net/2017/08/21/599a521472424.jpg">
  2.     <view slot="content">内容不错</view>
  3.     <view slot="footer">尾部内容</view>
  4. </i-card>

API

Card properties

属性说明类型默认值
i-class自定义 class 类名String-
full是否通栏Booleanfalse
thumb左侧缩略图String-
title卡片标题String-
extra额外内容String-

Card slot

名称说明
content内容
footer尾部内容