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>