aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/src/views/index/index.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/views/index/index.vue')
-rw-r--r--src/views/index/index.vue82
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>