- 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
This commit is contained in:
30
components/DynamicComponents/Card.vue
Normal file
30
components/DynamicComponents/Card.vue
Normal file
@@ -0,0 +1,30 @@
|
||||
<template>
|
||||
<v-card class="mx-auto my-12" max-width="374">
|
||||
<v-img height="250" :src="data.image" cover></v-img>
|
||||
|
||||
<v-card-title>{{data.title}}</v-card-title>
|
||||
|
||||
<v-card-text>
|
||||
<v-row align="center" class="mx-0">
|
||||
<v-rating :value="4.5" color="amber" dense half-increments readonly size="14"></v-rating>
|
||||
|
||||
<div class="grey--text ml-4">4.5 (413)</div>
|
||||
</v-row>
|
||||
|
||||
<div class="my-4 subtitle-1 black--text">$ • Italian, Cafe</div>
|
||||
|
||||
<div>Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio seating.</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
data: Object
|
||||
},
|
||||
data: () => ({}),
|
||||
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user