55 lines
1.2 KiB
Vue
55 lines
1.2 KiB
Vue
<template>
|
|
<q-layout>
|
|
<div slot="header" class="toolbar">
|
|
<!-- opens drawer below
|
|
<button class="hide-on-drawer-visible" @click="$refs.drawer.open()">
|
|
<i>menu</i>
|
|
</button>
|
|
-->
|
|
<q-toolbar-title :padding="1">
|
|
Title
|
|
</q-toolbar-title>
|
|
</div>
|
|
|
|
<!-- Navigation Tabs
|
|
<q-tabs slot="navigation">
|
|
<q-tab icon="mail" route="/layout" exact replace>Mails</q-tab>
|
|
<q-tab icon="alarm" route="/layout/alarm" exact replace>Alarms</q-tab>
|
|
<q-tab icon="help" route="/layout/help" exact replace>Help</q-tab>
|
|
</q-tabs>
|
|
-->
|
|
|
|
<!-- Drawer
|
|
<q-drawer ref="drawer">
|
|
<div class="toolbar">
|
|
<q-toolbar-title>
|
|
Drawer Title
|
|
</q-toolbar-title>
|
|
</div>
|
|
|
|
<div class="list no-border platform-delimiter">
|
|
<q-drawer-link icon="mail" :to="{path: '/', exact: true}">
|
|
Link
|
|
</q-drawer-link>
|
|
</div>
|
|
</q-drawer>
|
|
-->
|
|
|
|
<router-view class="layout-view"></router-view>
|
|
|
|
<!-- Footer
|
|
<div slot="footer" class="toolbar"></div>
|
|
-->
|
|
</q-layout>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|