diff options
| author | 2025-01-26 23:29:23 +0800 | |
|---|---|---|
| committer | 2025-01-26 23:29:23 +0800 | |
| commit | a97b7a38f4a652e7b24e101ef34e4f37b8c3094e (patch) | |
| tree | c387ca55aa6977499b03346ab46e63a0f7c09b36 /src/views/index/index.vue | |
| parent | d4d7fac39528b978b742420a3cb4e91cea6f5834 (diff) | |
| parent | cd8aab3a511091ce378ff7ebcaa42bf979f00882 (diff) | |
| download | HydroRollSite-main.tar.gz HydroRollSite-main.zip | |
Refactor: Rewrite Site
Diffstat (limited to 'src/views/index/index.vue')
| -rw-r--r-- | src/views/index/index.vue | 82 |
1 files changed, 0 insertions, 82 deletions
diff --git a/src/views/index/index.vue b/src/views/index/index.vue deleted file mode 100644 index db25a43..0000000 --- a/src/views/index/index.vue +++ /dev/null @@ -1,82 +0,0 @@ -<script setup lang="ts"> -import Left from './Left.vue' -import Right from './Right.vue' -</script> - -<script lang="ts"> -export default { - data() { - return { - isplay: false - } - }, - methods: { - PlayOn() { - this.isplay = true - } - } -} -</script> - -<template> - <header> - <img src="/src/assets/logo_white_trans.png" - alt="HydroRoll Logo" - class="logo" - width="125" height="125" /> - - <div class="wrapper"> - <Left msg="饼在画了!" /> - </div> - </header> - - <main class="main"> - <video loop preload="auto" muted autoplay @canplay="PlayOn" v-show="isplay" > - <source src="@/assets/video/bg.mp4" type="video/mp4" /> - </video> - <Right /> - </main> -</template> - -<style scoped> -header { - display: flex; - flex-flow: column; - line-height: 1.5; -} - -.logo { - display: block; - margin: 0 auto 2rem; -} - -@media screen and (orientation:landscape) { - header { - place-items: center; - flex-flow: row; - padding-right: 0rem; - } - - .logo { - margin: 0 2rem 0 0; - } - - header .wrapper { - display: flex; - place-items: flex-start; - flex-wrap: wrap; - } -} - -video{ - position: fixed; - right: 0; - bottom: 0; - min-width: 100%; - min-height: 100%; - width: auto; - height: auto; - z-index: -100; - filter: grayscale(20%); -} -</style> |
