Files
ostandari/components/CategoryHeroNews.vue
2024-10-21 10:22:26 +03:30

42 lines
1.1 KiB
Vue

<template>
<div class="heronews">
<div class="title-holder">
<div class="row">
<div class="col-12 col-md-6 view-img">
<img class="image" :src="data.thumbCover" :alt="data.title">
</div>
<div class="col-12 col-md-6">
<!-- <h2 class="title" :title="data.summaryTitle">{{ data.summaryTitle }}</h2>-->
<p class="paragraph titr" :title="data.title">{{ data.title }}</p>
<p class="paragraph lid" :title="data.leadTitle">{{ data.leadTitle }}</p>
<span class="s1-date">
{{ jData2(data.customDate) }}
</span>
<nuxt-link class="btn btn-primary" :to="{name: 'portal-news-details',params: {portal: $route.params.portal,details: data._id}}">ادامه مطلب</nuxt-link>
</div>
</div>
</div>
</div>
</template>
<script>
import moment from "moment-jalaali"
export default {
props: {
data: {
required: true
}
},
methods: {
jData(data) {
return moment(data).locale('fa').format('LL')
},
jData2(data) {
return moment(data).locale('fa').fromNow()
}
}
}
</script>