Skip to content

Instantly share code, notes, and snippets.

@danielschmitz
Last active November 11, 2017 18:54
Show Gist options
  • Save danielschmitz/361d8574d0cdbbc0d4cb5b8382ed8fd6 to your computer and use it in GitHub Desktop.
Save danielschmitz/361d8574d0cdbbc0d4cb5b8382ed8fd6 to your computer and use it in GitHub Desktop.
Código da App.vue para copiar/colar
<template>
<!-- Don't drop "q-app" class -->
<div id="q-app">
<q-layout ref="layout" view="lHh Lpr fff" :left-class="{'bg-grey-2': true}">
<q-toolbar slot="header" class="glossy">
<q-btn flat @click="$refs.layout.toggleLeft()">
<q-icon name="menu" />
</q-btn>
<q-toolbar-title>
Quasar App
<div slot="subtitle">Running on Quasar v:{{$q.version}}</div>
</q-toolbar-title>
</q-toolbar>
<div slot="left">
<!--
MENU
-->
<q-list no-border link inset-delimiter>
<q-item to="/" exact>
<q-item-side icon="done" />
<q-item-main label="Item 1" />
</q-item>
<q-item>
<q-item-side icon="done" />
<q-item-main label="Item 2" />
</q-item>
<q-item to="/ContactForm">
<q-item-side icon="contacts" />
<q-item-main label="Contato"/>
</q-item>
</q-list>
</div>
<router-view />
</q-layout>
</div>
</template>
<script>
/*
* Root component
*/
import {
QLayout,
QToolbar,
QToolbarTitle,
QBtn,
QIcon,
QList,
QListHeader,
QItem,
QItemSide,
QItemMain
} from 'quasar'
export default {
components: {
QLayout,
QToolbar,
QToolbarTitle,
QBtn,
QIcon,
QList,
QListHeader,
QItem,
QItemSide,
QItemMain
}
}
</script>
<style></style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment