feat：添加登录页面，完善文章目录

Yi.BBS.Vue3/src/layout/AppHeader.vue

@@ -3,7 +3,7 @@
     :default-active="activeIndex"
     class="el-menu-demo"
     mode="horizontal"
-    ellipsis="false"
+    :ellipsis="false"
     @select="handleSelect"
     
   >
@@ -31,7 +31,10 @@
 
     <div class="flex-grow" />
 
-    <RouterLink to="/discuss"> <el-menu-item index="5">搜索</el-menu-item></RouterLink>
+   <el-menu-item index="5">
+      <el-input  placeholder="请输入关键字" clearable />
+      
+      搜索</el-menu-item>
     <el-menu-item index="6">
         <AvatarInfo :size='30' :isSelf="true"   />
     </el-menu-item>
@@ -42,7 +45,6 @@
       <el-menu-item index="6-3" @click="logout">登出</el-menu-item>
     </el-sub-menu>
 
-    <el-menu-item index="7">分享</el-menu-item>
   </el-menu>
 
 </template>

Yi.BBS.Vue3/src/layout/LoginLayout.vue

@@ -1,21 +1,17 @@
 <template>
 <div class="body-div" id="body">
 
-
-
-
   <div  class="left">
-    <video class="videoBG" controls autoplay playsinline loop disablepictureinpicture  poster="/loginBg.png">
-    <source src="/loginBg.mp4" type="video/mp4">
-    您的浏览器不支持 video 标签。
-</video>
-</div>
-
-
-<div class="right">
-  <RouterView />
-</div>
+    <video class="videoBG"  autoplay playsinline loop disablepictureinpicture  poster="/loginBg.png">
+    <!-- <source src="/loginBg.mp4" type="video/mp4"> -->
+    </video>
+  </div>
 
+  <div class="right">
+    <div class="right-div">
+    <RouterView />
+  </div>
+  </div>
 
 </div>
 
@@ -25,78 +21,33 @@
   <script setup>
 import { onMounted } from 'vue';
 
-const screenSize=()=>{
-
-  var screenHeight=document.documentElementclientHeight;
-		var screenWidth=document.documentElement.clientWidth;
-		var body=document.getElementById('body');
-		body.style.width=screenWidth+"px";
-		body.style.height=screenHeight+"px";
-}
-onMounted(()=>{
-  screenSize();
-  window.onresize = () => (() => {
-    screenSize();
-    })();
-})
-
 </script>
 <style scoped>
 .left
 {
-  width: 100%;
-  background-color:#00020E
+
+ background-color: #010413;
 }
 .right
 {
-  max-width: 520px;
-  width:40% ;
-  background-color: blue;
+
+}
+.right-div
+{
+margin-top: 60%;
+padding: 2rem;
 }
 .body-div
 {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
 
+display: flex;
+justify-content: space-between;
+height: 930px;
 }
 .videoBG
 {
+
 width:100% ;
 }
 
-    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>