feng-code-card
html
<div class="demo-line">
<feng-code-card>
<template #header-title>
<span style="margin-right: 10px;">feng-code-card</span>
</template>
<template #main>
<p style="color: rgb(var(--text-color));padding: 10px;">this is a card</p>
</template>
</feng-code-card>
</div>
属性
属性名 | 说明 | 默认值 |
---|---|---|
width | 卡片的宽度 | "100%" |
height | 卡片的高度 | "100%" |
插槽
插槽名 | 说明 |
---|---|
header-title | 卡片头部标题 |
main | 主体内容 |
传参
插槽传值参数:value
事件
属性名 | 说明 |
---|---|
red | 红色按钮回调 |
yellow | 黄色按钮回调 |
green | 绿色按钮回调 |