diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2020-10-06 13:01:38 +0000 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2020-10-06 13:01:38 +0000 |
| commit | a1285728d3d352166b8fe6df27aa078d9373d22e (patch) | |
| tree | 705d256f8e03f167cd82e8361236f991d7c1a7b1 | |
| parent | 526efb52c29fe6ef6e855dd5440f1c76f6113c7a (diff) | |
| download | chine-projet-a1285728d3d352166b8fe6df27aa078d9373d22e.tar.gz chine-projet-a1285728d3d352166b8fe6df27aa078d9373d22e.tar.bz2 chine-projet-a1285728d3d352166b8fe6df27aa078d9373d22e.zip | |
stuff
| -rw-r--r-- | layouts/default.vue | 55 | ||||
| -rw-r--r-- | pages/index.vue | 91 | ||||
| -rw-r--r-- | pages/inspire.vue | 15 | ||||
| -rw-r--r-- | pages/page1.vue | 13 | ||||
| -rw-r--r-- | pages/page2.vue | 18 |
5 files changed, 37 insertions, 155 deletions
diff --git a/layouts/default.vue b/layouts/default.vue index 48daba2..35aa2ab 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -1,64 +1,11 @@ <template> <v-app dark> - <v-navigation-drawer - v-model="drawer" - :mini-variant="miniVariant" - :clipped="clipped" - fixed - app - > - <v-list> - <v-list-item - v-for="(item, i) in items" - :key="i" - :to="item.to" - router - exact - > - <v-list-item-action> - <v-icon>{{ item.icon }}</v-icon> - </v-list-item-action> - <v-list-item-content> - <v-list-item-title v-text="item.title" /> - </v-list-item-content> - </v-list-item> - </v-list> - </v-navigation-drawer> - <v-app-bar :clipped-left="clipped" fixed app> - <v-app-bar-nav-icon @click.stop="drawer = !drawer" /> - <v-btn icon @click.stop="miniVariant = !miniVariant"> - <v-icon>mdi-{{ `chevron-${miniVariant ? 'right' : 'left'}` }}</v-icon> - </v-btn> - <v-btn icon @click.stop="clipped = !clipped"> - <v-icon>mdi-application</v-icon> - </v-btn> - <v-btn icon @click.stop="fixed = !fixed"> - <v-icon>mdi-minus</v-icon> - </v-btn> - <v-toolbar-title v-text="title" /> - <v-spacer /> - <v-btn icon @click.stop="rightDrawer = !rightDrawer"> - <v-icon>mdi-menu</v-icon> - </v-btn> - </v-app-bar> <v-main> <v-container> <nuxt /> + <p>Previous | Next</p> </v-container> </v-main> - <v-navigation-drawer v-model="rightDrawer" :right="right" temporary fixed> - <v-list> - <v-list-item @click.native="right = !right"> - <v-list-item-action> - <v-icon light> mdi-repeat </v-icon> - </v-list-item-action> - <v-list-item-title>Switch drawer (click me)</v-list-item-title> - </v-list-item> - </v-list> - </v-navigation-drawer> - <v-footer :absolute="!fixed" app> - <span>© {{ new Date().getFullYear() }}</span> - </v-footer> </v-app> </template> diff --git a/pages/index.vue b/pages/index.vue index 4bb8197..2500dd2 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,93 +1,12 @@ <template> - <v-row justify="center" align="center"> - <v-col cols="12" sm="8" md="6"> - <div class="text-center"> - <logo /> - <vuetify-logo /> - </div> - <v-card> - <v-card-title class="headline"> - Welcome to the Vuetify + Nuxt.js template - </v-card-title> - <v-card-text> - <p> - Vuetify is a progressive Material Design component framework for - Vue.js. It was designed to empower developers to create amazing - applications. - </p> - <p> - For more information on Vuetify, check out the - <a - href="https://vuetifyjs.com" - target="_blank" - rel="noopener noreferrer" - > - documentation </a - >. - </p> - <p> - If you have questions, please join the official - <a - href="https://chat.vuetifyjs.com/" - target="_blank" - rel="noopener noreferrer" - title="chat" - > - discord </a - >. - </p> - <p> - Find a bug? Report it on the github - <a - href="https://github.com/vuetifyjs/vuetify/issues" - target="_blank" - rel="noopener noreferrer" - title="contribute" - > - issue board </a - >. - </p> - <p> - Thank you for developing with Vuetify and I look forward to bringing - more exciting features in the future. - </p> - <div class="text-xs-right"> - <em><small>— John Leider</small></em> - </div> - <hr class="my-3" /> - <a - href="https://nuxtjs.org/" - target="_blank" - rel="noopener noreferrer" - > - Nuxt Documentation - </a> - <br /> - <a - href="https://github.com/nuxt/nuxt.js" - target="_blank" - rel="noopener noreferrer" - > - Nuxt GitHub - </a> - </v-card-text> - <v-card-actions> - <v-spacer /> - <v-btn color="primary" nuxt to="/inspire"> Continue </v-btn> - </v-card-actions> - </v-card> - </v-col> - </v-row> + <div> + <h1>La paye de Chine</h1> + <p>Par Andrew Lee</p> + </div> </template> <script> -import Logo from '~/components/Logo.vue' -import VuetifyLogo from '~/components/VuetifyLogo.vue' - export default { - components: { - Logo, - VuetifyLogo, - }, + components: {}, } </script> diff --git a/pages/inspire.vue b/pages/inspire.vue deleted file mode 100644 index 4ed16f9..0000000 --- a/pages/inspire.vue +++ /dev/null @@ -1,15 +0,0 @@ -<template> - <v-layout> - <v-flex class="text-center"> - <img src="/v.png" alt="Vuetify.js" class="mb-5" /> - <blockquote class="blockquote"> - “First, solve the problem. Then, write the code.” - <footer> - <small> - <em>—John Johnson</em> - </small> - </footer> - </blockquote> - </v-flex> - </v-layout> -</template> diff --git a/pages/page1.vue b/pages/page1.vue new file mode 100644 index 0000000..ae97944 --- /dev/null +++ b/pages/page1.vue @@ -0,0 +1,13 @@ +<template> + <div> + <h1>Où est le chef de la paye?</h1> + <!-- Reveal animation here --> + <p>C'est Xi Jinping.</p> + </div> +</template> + +<script> +export default { + components: {}, +} +</script> diff --git a/pages/page2.vue b/pages/page2.vue new file mode 100644 index 0000000..ea0bad2 --- /dev/null +++ b/pages/page2.vue @@ -0,0 +1,18 @@ +<template> + <div> + <h1>La langues de Chine</h1> + <!-- Reveal animation here --> + <p>Voici le langues Chine avais.</p> + <ul> + <li>Mandarin</li> + <li>Wu</li> + <li>Anglais</li> + </ul> + </div> +</template> + +<script> +export default { + components: {}, +} +</script> |
