layui/example/docs/zh-CN/components/card.md
2022-04-02 06:34:14 +08:00

2.7 KiB
Raw Blame History

::: anchor :::

::: title 基本介绍 :::

::: describe 最基础的卡片容器,可承载文字、列表、图片、段落,常用于后台概览页面。 :::

::: title 基础使用 :::

::: demo 使用 lay-card 标签, 创建卡片组件

内容

:::

::: title 卡片插槽 :::

::: demo

标题 内容

:::

::: title 简单使用 :::

::: demo

内容

:::

::: title 使用插槽 :::

::: demo

标题 更多 内容

:::

::: title 边框阴影 :::

::: demo 通过 shadow 属性设置卡片阴影出现的时机。 该属性的值可以是always、hover或never。

内容 内容 内容

:::

::: title Card 属性 :::

::: table

属性 描述 可选值
title 标题 --

:::

::: title Card 插槽 :::

::: table

插槽 描述 可选值
default 默认插槽 --
header 头部插槽 --
body 内容插槽 --
extra 扩展插槽 --
:::

::: previousNext card :::