diff --git a/Yi.BBS.Vue3/public/loginBg.mp4 b/Yi.BBS.Vue3/public/loginBg.mp4
new file mode 100644
index 00000000..e995a0d7
Binary files /dev/null and b/Yi.BBS.Vue3/public/loginBg.mp4 differ
diff --git a/Yi.BBS.Vue3/public/loginBg.png b/Yi.BBS.Vue3/public/loginBg.png
new file mode 100644
index 00000000..a07294e8
Binary files /dev/null and b/Yi.BBS.Vue3/public/loginBg.png differ
diff --git a/Yi.BBS.Vue3/src/layout/LoginLayout.vue b/Yi.BBS.Vue3/src/layout/LoginLayout.vue
index aeaf0880..3f751cb3 100644
--- a/Yi.BBS.Vue3/src/layout/LoginLayout.vue
+++ b/Yi.BBS.Vue3/src/layout/LoginLayout.vue
@@ -1,5 +1,82 @@
 <template>
-登录共同页面
-<RouterView />
-  </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>
+
+
+  </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>