2018-11-01 11:49:21 +00:00
|
|
|
<template>
|
2019-02-19 12:55:07 +00:00
|
|
|
<section class="featured-products-section" :class='sectionType'>
|
|
|
|
|
<h5 class='featured-heading' v-html="title"></h5>
|
2019-03-31 14:16:39 +00:00
|
|
|
<div class="featured-products row">
|
2019-02-19 12:55:07 +00:00
|
|
|
<!-- <p class='lead text-center' v-html="description"></p> -->
|
2018-11-14 08:53:06 +00:00
|
|
|
<slot name="card-list-slot"></slot>
|
2019-03-31 14:16:39 +00:00
|
|
|
</div>
|
|
|
|
|
<div class='mt-4 text-center'>
|
|
|
|
|
<slot name="list-bottom"></slot>
|
2018-11-01 11:49:21 +00:00
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
2018-11-30 07:16:53 +00:00
|
|
|
props:['title', 'description', 'sectionType'],
|
2018-11-13 11:54:07 +00:00
|
|
|
name: "CardList",
|
2018-11-01 11:49:21 +00:00
|
|
|
};
|
2019-02-19 12:55:07 +00:00
|
|
|
</script>
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
|
|
.featured-heading {
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
letter-spacing: 0.5px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
