aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/src/views/index/index.vue
diff options
context:
space:
mode:
author简律纯 <i@jyunko.cn>2025-01-26 23:29:23 +0800
committerGitHub <noreply@github.com>2025-01-26 23:29:23 +0800
commita97b7a38f4a652e7b24e101ef34e4f37b8c3094e (patch)
treec387ca55aa6977499b03346ab46e63a0f7c09b36 /src/views/index/index.vue
parentd4d7fac39528b978b742420a3cb4e91cea6f5834 (diff)
parentcd8aab3a511091ce378ff7ebcaa42bf979f00882 (diff)
downloadHydroRollSite-main.tar.gz
HydroRollSite-main.zip
Merge pull request #8 from LofiSu/重构官网HEADmain
Refactor: Rewrite Site
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>