Skip to content

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绿色按钮回调