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
80 lines
1.7 KiB
Vue
80 lines
1.7 KiB
Vue
<template>
|
|
<div>
|
|
<topbar />
|
|
|
|
<v-row align="center" justify="space-between">
|
|
<div class="d-flex mx-4">
|
|
<v-card class="ma-3 pa-6" outlined tile>LOGO Buningh</v-card>
|
|
<v-row align="center" class="mx-4">
|
|
<v-col>
|
|
<v-btn
|
|
text
|
|
small
|
|
:to="item.to"
|
|
v-for="(item,i) in menu"
|
|
:key="i"
|
|
class="mx-4"
|
|
>{{item.title}}</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</div>
|
|
|
|
<div class="d-flex">
|
|
<v-text-field
|
|
v-model="search"
|
|
append-icon="icon-search"
|
|
label="Zoeken naar merk of product.."
|
|
single-line
|
|
hide-details
|
|
outlined
|
|
></v-text-field>
|
|
|
|
<v-row align="center" class="mx-4">
|
|
<v-col>
|
|
<v-btn icon to="/login">
|
|
<v-icon>icon-password</v-icon>
|
|
</v-btn>
|
|
</v-col>
|
|
<v-col>
|
|
<v-btn icon>
|
|
<v-icon>mdi-heart</v-icon>
|
|
</v-btn>
|
|
</v-col>
|
|
<v-col>
|
|
<v-btn icon>
|
|
<v-icon>mdi-shopping-outline</v-icon>
|
|
</v-btn>
|
|
</v-col>
|
|
</v-row>
|
|
</div>
|
|
</v-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Topbar from '~/components/layout/Header/Topbar'
|
|
|
|
export default {
|
|
components: {
|
|
Topbar
|
|
},
|
|
data() {
|
|
return {
|
|
search: '',
|
|
menu: [
|
|
{ title: 'Verlichting', to: '/' },
|
|
{ title: 'Meubels', to: '/' },
|
|
{ title: 'Behang', to: '/' },
|
|
{ title: 'Stoffen', to: '/' },
|
|
{ title: 'Accessoires', to: '/' }
|
|
]
|
|
}
|
|
},
|
|
computed: {
|
|
title() {
|
|
return `${process.env.NAME}`
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|