Skip to content

Instantly share code, notes, and snippets.

@rlam3 rlam3/default.vue
Created Apr 19, 2018

Embed
What would you like to do?
<template>
<q-layout view="lHh Lpr lFf">
<q-layout-header>
<q-toolbar
color="primary"
:glossy="$q.theme === 'mat'"
:inverted="$q.theme === 'ios'"
>
<q-toolbar-title>
Quasar App 02
<div slot="subtitle">Running on Quasar v{{ $q.version }}</div>
</q-toolbar-title>
</q-toolbar>
</q-layout-header>
<router-view />
<q-layout-footer>
<q-tabs slot="nagvigation">
<!-- Tabs - notice slot="title" -->
<q-route-tab slot="title" icon="fa-home" to="/layout/default" replace label="Home" />
<q-route-tab slot="title" icon="fa-newspaper" to="/layout/default" replace label="News" />
<q-route-tab slot="title" icon="fa-info" to="/layout/default" replace label="About" />
</q-tabs>
</q-layout-footer>
</q-layout>
</template>
<script>
import { openURL } from 'quasar'
export default {
name: 'LayoutDefault',
data () {
return {
leftDrawerOpen: this.$q.platform.is.desktop
}
},
methods: {
openURL
}
}
</script>
<style>
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.