You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ngcp-csc-ui/templates/layout.vue

74 lines
1.9 KiB

<template>
<!-- Configure "view" prop for QLayout -->
<q-layout>
<q-toolbar slot="header">
<!-- opens drawer below
<button class="hide-on-drawer-visible" @click="$refs.drawer.open()">
<i>menu</i>
</button>
-->
<q-toolbar-title>
Title
</q-toolbar-title>
</q-toolbar>
<!-- Navigation Tabs
<q-tabs slot="navigation">
<q-route-tab slot="title" icon="view_quilt" to="/layout/about" replace hide="icon" label="About" />
<q-route-tab slot="title" icon="view_day" to="/layout/toolbar" replace hide="icon" label="Toolbar" />
<q-route-tab slot="title" icon="view_day" to="/layout/tabs" replace label="Tabs" />
<q-route-tab slot="title" icon="input" to="/layout/drawer" replace label="Drawer" />
</q-tabs>
-->
<!-- Left Side Panel
<div slot="left">
<q-list no-border link inset-delimiter>
<q-list-header>Essential Links</q-list-header>
<q-item>
<q-item-side icon="school" />
<q-item-main label="Docs" sublabel="quasar-framework.org" />
</q-item>
<q-item>
<q-item-side icon="record_voice_over" />
<q-item-main label="Forum" sublabel="forum.quasar-framework.org" />
</q-item>
<q-item>
<q-item-side icon="chat" />
<q-item-main label="Gitter Channel" sublabel="Quasar Lobby" />
</q-item>
<q-item>
<q-item-side icon="rss feed" />
<q-item-main label="Twitter" sublabel="@quasarframework" />
</q-item>
</q-list>
</div>
-->
<!-- Right Side Panel
<div slot="right">
...
</div>
-->
<router-view />
<!-- Footer
<q-toolbar slot="footer">
...
</q-toolbar>
-->
</q-layout>
</template>
<script>
export default {
data () {
return {}
}
}
</script>
<style>
</style>