2023-03-15 13:53:34 +08:00
|
|
|
<template>
|
2023-03-17 00:30:26 +08:00
|
|
|
<div class="body-div" id="body">
|
|
|
|
|
|
2023-03-16 20:26:29 +08:00
|
|
|
<div class="left">
|
2023-03-18 01:34:07 +08:00
|
|
|
<video class="videoBG" autoplay playsinline loop disablepictureinpicture poster="/loginBg.png">
|
|
|
|
|
<!-- <source src="/loginBg.mp4" type="video/mp4"> -->
|
|
|
|
|
</video>
|
|
|
|
|
</div>
|
2023-03-16 20:26:29 +08:00
|
|
|
|
2023-03-18 01:34:07 +08:00
|
|
|
<div class="right">
|
|
|
|
|
<div class="right-div">
|
|
|
|
|
<RouterView />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-03-16 20:26:29 +08:00
|
|
|
|
|
|
|
|
</div>
|
2023-03-16 19:46:21 +08:00
|
|
|
|
|
|
|
|
|
2023-03-15 13:53:34 +08:00
|
|
|
</template>
|
2023-03-17 00:30:26 +08:00
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import { onMounted } from 'vue';
|
|
|
|
|
|
|
|
|
|
</script>
|
2023-03-16 20:26:29 +08:00
|
|
|
<style scoped>
|
|
|
|
|
.left
|
|
|
|
|
{
|
2023-03-18 01:34:07 +08:00
|
|
|
|
|
|
|
|
background-color: #010413;
|
2023-03-16 20:26:29 +08:00
|
|
|
}
|
|
|
|
|
.right
|
|
|
|
|
{
|
2023-03-18 01:34:07 +08:00
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.right-div
|
|
|
|
|
{
|
|
|
|
|
margin-top: 60%;
|
|
|
|
|
padding: 2rem;
|
2023-03-16 20:26:29 +08:00
|
|
|
}
|
|
|
|
|
.body-div
|
|
|
|
|
{
|
2023-03-17 00:30:26 +08:00
|
|
|
|
2023-03-18 01:34:07 +08:00
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
height: 930px;
|
2023-03-16 20:26:29 +08:00
|
|
|
}
|
|
|
|
|
.videoBG
|
|
|
|
|
{
|
2023-03-18 01:34:07 +08:00
|
|
|
|
2023-03-17 00:30:26 +08:00
|
|
|
width:100% ;
|
2023-03-16 20:26:29 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|