791aebc346
Some checks failed
continuous-integration/drone/push Build is failing
- Complete GGZ Ecademy Nuxt.js user portal - Learning products browser and management - Member management interface - User authentication and roles - Multi-language support (NL/EN) - Vuex store for state management - Component-based architecture
54 lines
1.2 KiB
Vue
54 lines
1.2 KiB
Vue
<template>
|
|
<v-card class="mx-auto" max-width="400" tile nuxt :to="slug">
|
|
<v-list-item>
|
|
<!-- <v-list-item-avatar color="grey"></v-list-item-avatar> -->
|
|
<v-list-item-content>
|
|
<v-list-item-subtitle>
|
|
<v-chip class="ma-2" color="primary">
|
|
{{ course }}
|
|
</v-chip>
|
|
</v-list-item-subtitle>
|
|
<v-list-item-title>{{ title }}</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
|
|
<v-img :src="cover" class="my-5" />
|
|
|
|
<!-- <v-card-title class="pb-0">{{ title }}</v-card-title> -->
|
|
|
|
<!-- <v-card-text class="primary--text">
|
|
<div>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores
|
|
officiis pariatur aliquid id ipsam magnam neque quo dicta veritatis
|
|
iusto.
|
|
</div>
|
|
</v-card-text> -->
|
|
|
|
<v-card-actions class="d-flex flex-column">
|
|
<v-btn color="orange" text> Share </v-btn>
|
|
|
|
<v-btn color="orange" text> Explore </v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
cover: {
|
|
type: String,
|
|
},
|
|
title: {
|
|
type: String,
|
|
},
|
|
course: {
|
|
type: String,
|
|
},
|
|
gratis: {},
|
|
slug: {
|
|
type: String,
|
|
},
|
|
},
|
|
}
|
|
</script>
|