aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/site/src/views/index/index.vue
diff options
context:
space:
mode:
Diffstat (limited to 'site/src/views/index/index.vue')
-rw-r--r--site/src/views/index/index.vue82
1 files changed, 0 insertions, 82 deletions
diff --git a/site/src/views/index/index.vue b/site/src/views/index/index.vue
deleted file mode 100644
index 003f752..0000000
--- a/site/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="@/assets/Hydroroll-small.svg"
- alt="Vue logo"
- class="logo"
- width="125" height="125" />
-
- <div class="wrapper">
- <Left msg="饼在画了!" />
- </div>
- </header>
-
- <main class="main">
- <video loop=true preload="auto" muted="true" 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: calc(var(--section-gap) / 2);
- }
-
- .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>