组件名称
cardpanel: 卡片面板组件
作者
tclazz
用法
<card-panel title="自定义标题" :show-border="true" :show-shadow="true"
:show-bg="true" :showFooterDivider="true" :showFooter="true">
<template slot="title-left">
<span>顶部左侧</span>
</template>
<template slot="title-right">
<span>顶部中间</span>
</template>
<template slot="title-center">
<span>顶部右侧</span>
</template>
<template slot="body">
<span>body</span>
</template>
<template slot="footer-left">
<span>footer-left</span>
</template>
<template slot="footer-center">
<span>footer-center</span>
</template>
<template slot="footer-right">
<span>footer-right</span>
</template>
</card-panel>使用效果
组件支持的配置：
| 配置项 | 含义 | 类型 | 默认值 |
|---|---|---|---|
| showTitleDivider | 是否展示标题栏与body的分割线 | Boolean | false |
| showFooterDivider | 是否展示body与footer之间的分割线 | Boolean | false |
| title | 卡片标题 | String | 面板标题 |
| showFooter | 是否展示卡片的Footer | Boolean | false |
| showTitle | 是否展示卡片标题 | Boolean | true |
| showViewMore | 是否展示查看更多 | Boolean | false |
| onViewMore | 点击查看更多时的回调方法 | Function | undefined |
| showIndicator | 是否展示左上角指示器 | Boolean | true |
| showBorder | 是否展示边框 | Boolean | true |
| showShadow | 是否展示阴影 | Boolean | false |
| showBg | 是否展示背景 | Boolean | true |