2019-08-14 09:48:44 +00:00
|
|
|
<template>
|
2021-07-14 04:50:06 +00:00
|
|
|
<div
|
|
|
|
|
class="small-2 report-card"
|
|
|
|
|
:class="{ active: selected }"
|
|
|
|
|
@click="onClick(index)"
|
|
|
|
|
>
|
|
|
|
|
<h3 class="heading">
|
|
|
|
|
{{ heading }}
|
|
|
|
|
</h3>
|
|
|
|
|
<h4 class="metric">
|
|
|
|
|
{{ point }}
|
|
|
|
|
</h4>
|
|
|
|
|
<p class="desc">
|
|
|
|
|
{{ desc }}
|
|
|
|
|
</p>
|
2019-08-14 09:48:44 +00:00
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
props: {
|
|
|
|
|
heading: String,
|
|
|
|
|
point: [Number, String],
|
|
|
|
|
index: Number,
|
|
|
|
|
desc: String,
|
|
|
|
|
selected: Boolean,
|
|
|
|
|
onClick: Function,
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
