From a20bd6933baf544c09cfbdcf352484bf3df2d21b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=B7=B3?= <chenchun@hymson.com>
Date: Thu, 16 Mar 2023 20:26:29 +0800
Subject: [PATCH] =?UTF-8?q?style:=E6=B7=BB=E5=8A=A0=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.BBS.Vue3/src/layout/LoginLayout.vue | 80 +++++++++++++++++++++++++-
 1 file changed, 77 insertions(+), 3 deletions(-)

diff --git a/Yi.BBS.Vue3/src/layout/LoginLayout.vue b/Yi.BBS.Vue3/src/layout/LoginLayout.vue
index 3528daad..3f751cb3 100644
--- a/Yi.BBS.Vue3/src/layout/LoginLayout.vue
+++ b/Yi.BBS.Vue3/src/layout/LoginLayout.vue
@@ -1,8 +1,82 @@
 <template>
-登录共同页面
+<div class="body-div">
+  <div  class="left">
+    <video width="320" height="240" controls autoplay playsinline loop disablepictureinpicture  poster="/loginBg.png">
+    <source src="/loginBg.mp4" type="video/mp4">
+    您的浏览器不支持 video 标签。
+</video>
+
+  
+</div>
+
+<div class="right">
+
+  <RouterView />
+  
+</div>
+
+
+</div>
 
-<video  poster="/loginBg.png" class="videoBG"><source src="/loginBg.mp4" type="video/mp4"></video>
 
-<RouterView />
   </template>
+<style scoped>
+.left
+{
+  width: 100%;
+  background-color:bisque
+}
+.right
+{
+  max-width: 520px;
+  width:40% ;
+  background-color: blue;
+}
+.body-div
+{
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+height:100%
+}
+.videoBG
+{
+height: 200px;
 
+}
+
+    video::-webkit-media-controls-fullscreen-button {
+        display: none;
+    }
+
+    video::-webkit-media-controls-play-button {
+        display: none;
+    }
+
+    video::-webkit-media-controls-timeline {
+        display: none;
+    }
+
+    video::-webkit-media-controls-current-time-display{
+        display: none;            
+    }
+
+    video::-webkit-media-controls-time-remaining-display {
+        display: none;            
+    }
+
+    video::-webkit-media-controls-mute-button {
+        display: none;            
+    }
+    video::-webkit-media-controls-toggle-closed-captions-button {
+        display: none;            
+    }
+
+    video::-webkit-media-controls-volume-slider {
+        display: none;            
+    }
+
+    video::-webkit-media-controls-enclosure{ 
+        display: none;
+    }
+</style>