Last active
November 11, 2017 18:54
-
-
Save danielschmitz/361d8574d0cdbbc0d4cb5b8382ed8fd6 to your computer and use it in GitHub Desktop.
Código da App.vue para copiar/colar
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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