Card 卡片

代码演示

<template>
  <div style="background: #eee; padding: 12px">
    <lay-card> 我是一个没有 Header 的卡片 </lay-card>
    <lay-card title="我是 Title"> 通过 title 属性设置卡片标题 </lay-card>
    <lay-card>
      <template v-slot:header>我是自定义Header</template>
      这是一个自定义 Header内容的卡片
    </lay-card>
    <lay-card title="卡片标题">
      <template v-slot:header>自定义Header</template>
      同时设置 title 和 Header 插槽时，header 插槽生效
    </lay-card>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { LayCard } from '../../../src';

export default defineComponent({
  components: {
    LayCard,
  },
});
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

API

属性	说明	类型	默认值	版本

# Card 卡片

# 代码演示

# API

# FAQ

Card 卡片

代码演示

API

FAQ