28 lines
939 B
Vue
28 lines
939 B
Vue
<template>
|
|
<div class="" role="button">
|
|
<div class="card">
|
|
<div class="d-flex">
|
|
<div v-if="data.item.img" class="col-3">
|
|
<img class="card-img card-img-left" :src="data.item.img" alt="" />
|
|
</div>
|
|
<div lass="col-9">
|
|
<div class="card-body">
|
|
<h5 class="card-title">{{ data.item.title }}</h5>
|
|
<p class="card-text">
|
|
{{ data.item.content }}
|
|
</p>
|
|
<p class="card-text">
|
|
<small class="text-muted">{{ data.item.date }}</small>
|
|
<slot name="optInfo"></slot>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const data = defineProps(['item']);
|
|
</script>
|