diff options
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> |
