mirror of
https://github.com/taigrr/wails.git
synced 2026-04-14 10:50:53 -07:00
38e897f646
* Initial create of vuetify2-basic folder * Change template descr of vuetify-basic to say Vuetify 1.5 * Get vuetify2 template installing vuetify v2.0 (but with styling probs) * Update App.vue, HelloWorld.vue for Vuetify v2 * Remove babel-polyfill, add mdi/font * fix: codacy corrections * fix: babel -> core-js, regenerator-runtime Co-authored-by: Michael Hipp <michael@redmule.com> Co-authored-by: Lea Anthony <lea.anthony@gmail.com>
60 lines
1.5 KiB
Vue
60 lines
1.5 KiB
Vue
<template>
|
|
<v-app id="inspire">
|
|
<v-navigation-drawer v-model="drawer" clipped fixed app>
|
|
<v-list dense>
|
|
<v-list-item>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-view-dashboard</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Dashboard</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item>
|
|
<v-list-item-icon>
|
|
<v-icon>mdi-settings</v-icon>
|
|
</v-list-item-icon>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Settings</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
<v-app-bar app fixed clipped-left>
|
|
<v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
|
|
<v-toolbar-title>Application</v-toolbar-title>
|
|
</v-app-bar>
|
|
<v-content>
|
|
<v-container fluid class="px-0">
|
|
<v-layout justify-center align-center class="px-0">
|
|
<hello-world></hello-world>
|
|
</v-layout>
|
|
</v-container>
|
|
</v-content>
|
|
<v-footer app fixed>
|
|
<span style="margin-left:1em">© You</span>
|
|
</v-footer>
|
|
</v-app>
|
|
</template>
|
|
|
|
<script>
|
|
import HelloWorld from "./components/HelloWorld.vue"
|
|
|
|
export default {
|
|
data: () => ({
|
|
drawer: false
|
|
}),
|
|
components: {
|
|
HelloWorld
|
|
},
|
|
props: {
|
|
source: String
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.logo {
|
|
width: 16em;
|
|
}
|
|
</style> |