mirror of
https://github.com/IT4Change/nuxt3-template.git
synced 2025-12-13 05:05:49 +00:00
53 lines
1.1 KiB
Vue
53 lines
1.1 KiB
Vue
<script setup>
|
|
const drawer = false
|
|
const items = [
|
|
{
|
|
title: 'Foo',
|
|
value: 'foo',
|
|
},
|
|
{
|
|
title: 'Bar',
|
|
value: 'bar',
|
|
},
|
|
{
|
|
title: 'Fizz',
|
|
value: 'fizz',
|
|
},
|
|
{
|
|
title: 'Buzz',
|
|
value: 'buzz',
|
|
},
|
|
]
|
|
</script>
|
|
<template>
|
|
<div>
|
|
<!-- <v-system-bar color="deep-purple darken-3"></v-system-bar> -->
|
|
|
|
<v-app-bar
|
|
color="primary"
|
|
prominent
|
|
>
|
|
<v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
|
|
|
|
<v-toolbar-title>My files</v-toolbar-title>
|
|
|
|
<v-spacer></v-spacer>
|
|
|
|
<v-btn variant="text" icon="mdi-magnify"></v-btn>
|
|
|
|
<v-btn variant="text" icon="mdi-filter"></v-btn>
|
|
|
|
<v-btn variant="text" icon="mdi-dots-vertical"></v-btn>
|
|
</v-app-bar>
|
|
|
|
<v-navigation-drawer
|
|
v-model="drawer"
|
|
location="bottom"
|
|
temporary
|
|
>
|
|
<v-list
|
|
:items="items"
|
|
></v-list>
|
|
</v-navigation-drawer>
|
|
</div>
|
|
</template> |