You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
722 B
32 lines
722 B
<template>
|
|
<div class="card">
|
|
<div class="card-image" v-if="$slots.image">
|
|
<slot name="image"></slot>
|
|
</div>
|
|
<div class="card-header" v-if="$slots.header || title">
|
|
<slot name="header">
|
|
<h4 class="card-title">{{title}}</h4>
|
|
<p class="card-category" v-if="subTitle">{{subTitle}}</p>
|
|
</slot>
|
|
</div>
|
|
<div class="card-body" v-if="$slots.default">
|
|
<slot></slot>
|
|
</div>
|
|
<slot name="raw-content"></slot>
|
|
<div class="card-footer" v-if="$slots.footer">
|
|
<hr>
|
|
<slot name="footer"></slot>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: "card",
|
|
props: {
|
|
title: String,
|
|
subTitle: String
|
|
}
|
|
};
|
|
</script>
|
|
<style>
|
|
</style>
|
|
|