kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
36 lines (35 loc) • 632 B
Markdown
<cn>
#### 边框
`bordered` 可以设置是否显示边框
</cn>
```vue
<template>
<div class="demo-card">
<Card title="卡片标题" :icon="Heart" :bordered="false">
<a slot="extra" @click="$Message.info('click')">更多</a>
<p>card content</p>
<p>card content</p>
<p>card content</p>
<p>card content</p>
<p>card content</p>
<p>card content</p>
</Card>
</div>
</template>
<script>
import { Heart } from 'kui-icons'
export default{
data() {
return {
Heart
}
}
}
</script>
<style scoped>
.demo-card{
padding:20px;
background-color:#7f7f7f26;
}
</style>
```