No Description

App.vue 1.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <v-app>
  3. <v-navigation-drawer
  4. persistent
  5. v-model="drawer"
  6. disable-resize-watcher
  7. disable-route-watcher
  8. fixed
  9. app
  10. >
  11. <v-list>
  12. <v-list-tile
  13. value="true"
  14. v-for="(item, i) in items"
  15. :key="i"
  16. >
  17. <v-list-tile-action>
  18. <v-icon v-html="item.icon"></v-icon>
  19. </v-list-tile-action>
  20. <v-list-tile-content>
  21. <v-list-tile-title v-text="item.title"></v-list-tile-title>
  22. </v-list-tile-content>
  23. </v-list-tile>
  24. </v-list>
  25. </v-navigation-drawer>
  26. <v-toolbar app>
  27. <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
  28. <v-toolbar-title class="title"><router-link :to="{name: 'Home'}">{{ title }}</router-link></v-toolbar-title>
  29. </v-toolbar>
  30. <v-content>
  31. <router-view></router-view>
  32. </v-content>
  33. </v-app>
  34. </template>
  35. <script>
  36. export default {
  37. data() {
  38. return {
  39. drawer: false,
  40. items: [{
  41. icon: 'bubble_chart',
  42. title: 'Inspire',
  43. }],
  44. title: 'Hervé',
  45. };
  46. },
  47. name: 'App',
  48. };
  49. </script>
  50. <style scoped>
  51. .title > a {
  52. color: black;
  53. text-decoration: none;
  54. }
  55. </style>