34 lines
490 B
Vue
34 lines
490 B
Vue
<template>
|
|
<div class="custom-card">
|
|
<a-card
|
|
:class="['themed-card', cardClass]"
|
|
:title="title"
|
|
bordered
|
|
ref="cardRef"
|
|
@click="$emit('click')"
|
|
>
|
|
<slot />
|
|
</a-card>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: 'AntCard',
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
cardClass: {
|
|
type: [String, Array, Object],
|
|
default: ''
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
.custom-card {
|
|
border-top: 4px solid #1890ff;
|
|
border-radius: 4px;
|
|
}
|
|
</style> |