diff options
| author |   简律纯 <i@jyunko.cn> | 2023-11-04 13:48:59 +0800 |
|---|---|---|
| committer | 简律纯 <i@jyunko.cn> | 2023-11-04 13:48:59 +0800 |
| commit | c0803c57089da5fea820831325252e08d850fca8 (patch) | |
| tree | 225cf262625863b9b8d46c7880d7e09cc7b87c28 /src/components/HelloWorld.vue | |
| parent | 7642c0bb0ff9f81212e5270f9d598b949f6b0a30 (diff) | |
| download | logshader-c0803c57089da5fea820831325252e08d850fca8.tar.gz logshader-c0803c57089da5fea820831325252e08d850fca8.zip | |
refactor: rebuild with `vuetify`
Diffstat (limited to 'src/components/HelloWorld.vue')
| -rw-r--r-- | src/components/HelloWorld.vue | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue new file mode 100644 index 0000000..2927e27 --- /dev/null +++ b/src/components/HelloWorld.vue @@ -0,0 +1,75 @@ +<template> + <v-container class="fill-height"> + <v-responsive class="align-center text-center fill-height"> + <v-img height="300" src="@/assets/logo.svg" /> + + <div class="text-body-2 font-weight-light mb-n1">Welcome to</div> + + <h1 class="text-h2 font-weight-bold">Vuetify</h1> + + <div class="py-14" /> + + <v-row class="d-flex align-center justify-center"> + <v-col cols="auto"> + <v-btn + href="https://vuetifyjs.com/components/all/" + min-width="164" + rel="noopener noreferrer" + target="_blank" + variant="text" + > + <v-icon + icon="mdi-view-dashboard" + size="large" + start + /> + + Components + </v-btn> + </v-col> + + <v-col cols="auto"> + <v-btn + color="primary" + href="https://vuetifyjs.com/introduction/why-vuetify/#feature-guides" + min-width="228" + rel="noopener noreferrer" + size="x-large" + target="_blank" + variant="flat" + > + <v-icon + icon="mdi-speedometer" + size="large" + start + /> + + Get Started + </v-btn> + </v-col> + + <v-col cols="auto"> + <v-btn + href="https://community.vuetifyjs.com/" + min-width="164" + rel="noopener noreferrer" + target="_blank" + variant="text" + > + <v-icon + icon="mdi-account-group" + size="large" + start + /> + + Community + </v-btn> + </v-col> + </v-row> + </v-responsive> + </v-container> +</template> + +<script lang="ts" setup> + // +</script> |