111 lines
3.1 KiB
Vue
111 lines
3.1 KiB
Vue
<template>
|
|
<q-layout view="lHh Lpr lFf">
|
|
<q-header elevated>
|
|
<q-toolbar>
|
|
<q-btn
|
|
flat
|
|
dense
|
|
round
|
|
@click="leftDrawerOpen = !leftDrawerOpen"
|
|
aria-label="Menu"
|
|
>
|
|
<q-icon name="menu" />
|
|
</q-btn>
|
|
|
|
<q-toolbar-title>
|
|
Quasar App
|
|
</q-toolbar-title>
|
|
|
|
<div>Quasar v{{ $q.version }}</div>
|
|
</q-toolbar>
|
|
</q-header>
|
|
|
|
<q-drawer
|
|
v-model="leftDrawerOpen"
|
|
bordered
|
|
content-class="bg-grey-2"
|
|
>
|
|
<q-list>
|
|
<q-item-label header>Essential Links</q-item-label>
|
|
<q-item clickable tag="a" target="_blank" href="https://quasar.dev">
|
|
<q-item-section avatar>
|
|
<q-icon name="school" />
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label>Docs</q-item-label>
|
|
<q-item-label caption>quasar.dev</q-item-label>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item clickable tag="a" target="_blank" href="https://github.quasar.dev">
|
|
<q-item-section avatar>
|
|
<q-icon name="code" />
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label>Github</q-item-label>
|
|
<q-item-label caption>github.com/quasarframework</q-item-label>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item clickable tag="a" target="_blank" href="https://chat.quasar.dev">
|
|
<q-item-section avatar>
|
|
<q-icon name="chat" />
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label>Discord Chat Channel</q-item-label>
|
|
<q-item-label caption>chat.quasar.dev</q-item-label>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item clickable tag="a" target="_blank" href="https://forum.quasar.dev">
|
|
<q-item-section avatar>
|
|
<q-icon name="record_voice_over" />
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label>Forum</q-item-label>
|
|
<q-item-label caption>forum.quasar.dev</q-item-label>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item clickable tag="a" target="_blank" href="https://twitter.quasar.dev">
|
|
<q-item-section avatar>
|
|
<q-icon name="rss_feed" />
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label>Twitter</q-item-label>
|
|
<q-item-label caption>@quasarframework</q-item-label>
|
|
</q-item-section>
|
|
</q-item>
|
|
<q-item clickable tag="a" target="_blank" href="https://facebook.quasar.dev">
|
|
<q-item-section avatar>
|
|
<q-icon name="public" />
|
|
</q-item-section>
|
|
<q-item-section>
|
|
<q-item-label>Facebook</q-item-label>
|
|
<q-item-label caption>@QuasarFramework</q-item-label>
|
|
</q-item-section>
|
|
</q-item>
|
|
</q-list>
|
|
</q-drawer>
|
|
|
|
<q-page-container>
|
|
<router-view />
|
|
</q-page-container>
|
|
</q-layout>
|
|
</template>
|
|
|
|
<script>
|
|
import { openURL } from 'quasar'
|
|
|
|
export default {
|
|
name: 'MyLayout',
|
|
data () {
|
|
return {
|
|
leftDrawerOpen: this.$q.platform.is.desktop
|
|
}
|
|
},
|
|
methods: {
|
|
openURL
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|