Skip to content
CONTENTS

Card 卡片

将信息在卡片容器中展示。

基础用法

卡片包含标题,内容及操作区域。

Card 组件包括 header,body,handleheaderhandle 是可选的。

简单卡片

只有内容区域。

包含图片的卡片

可以展示更多的内容 通过 body-style 自定义 body 的样式,可使内容更加多样

带阴影的卡片

可以自定义卡片阴影的展示。 通过 shadow 属性设置卡片阴影,属性值为:alwayshovernever

API

属性

属性名说明类型可选值默认值
header卡片的标题,可以由 header 传入,也可以通过插槽 #header 传入string-
body-stylebody 的 CSS 样式object-
shadow设置阴影的显示stringalways / hover / neveralways

事件

插槽名说明
default自定义内容
header卡片的标题区域
handle卡片的操作区域

Released under the MIT License.