faet: 添加bbs vue3前端

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

@@ -1,13 +1,10 @@
 
 <template class="back-color"> 
-   <div class="body-main">   
+ 
       <div class="content-main">
       <RouterView />
      </div>
    
-   </div>
-
-
 </template>
 
 <style scoped>
@@ -19,7 +16,7 @@ background-color:#F0F2F5;
 
 }
 .content-main{
-   max-width:1100px;
+   max-width:1200px;
    margin: 0 auto;
 }
 </style>

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

@@ -4,29 +4,57 @@
     class="el-menu-demo"
     mode="horizontal"
     @select="handleSelect"
+    
   >
-    <el-menu-item index="1">Processing Center</el-menu-item>
+  <RouterLink to="/index">  <el-menu-item class="logo" @click="enterIndex"> Logo</el-menu-item></RouterLink> 
+  <RouterLink to="/index"><el-menu-item index="1" @click="enterIndex">主页</el-menu-item></RouterLink>
     <el-sub-menu index="2">
-      <template #title>Workspace</template>
+      <template #title>学习</template>
       <el-menu-item index="2-1">item one</el-menu-item>
       <el-menu-item index="2-2">item two</el-menu-item>
       <el-menu-item index="2-3">item three</el-menu-item>
-      <el-sub-menu index="2-4">
-        <template #title>item four</template>
-        <el-menu-item index="2-4-1">item one</el-menu-item>
-        <el-menu-item index="2-4-2">item two</el-menu-item>
-        <el-menu-item index="2-4-3">item three</el-menu-item>
-      </el-sub-menu>
     </el-sub-menu>
-    <el-menu-item index="3" disabled>Info</el-menu-item>
-    <el-menu-item index="4">Orders</el-menu-item>
+    <el-sub-menu index="3">
+      <template #title>资源</template>
+      <el-menu-item index="3-1">item one</el-menu-item>
+      <el-menu-item index="3-2">item two</el-menu-item>
+      <el-menu-item index="3-3">item three</el-menu-item>
+    </el-sub-menu>
+    <el-sub-menu index="4">
+      <template #title>问答</template>
+      <el-menu-item index="4-1">item one</el-menu-item>
+      <el-menu-item index="4-2">item two</el-menu-item>
+      <el-menu-item index="4-3">item three</el-menu-item>
+    </el-sub-menu>
+
+    <div class="flex-grow" />
+
+    <RouterLink to="/discuss"> <el-menu-item index="5">搜索</el-menu-item></RouterLink>
+    <el-menu-item index="6">学习</el-menu-item>
+    <el-sub-menu index="7">
+      <template #title>分享</template>
+      <el-menu-item index="7-1">item one</el-menu-item>
+      <el-menu-item index="7-2">item two</el-menu-item>
+      <el-menu-item index="7-3">item three</el-menu-item>
+    </el-sub-menu>
   </el-menu>
 
 </template>
 <script setup>
 import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+const router = useRouter()
 const activeIndex = ref('1')
 const handleSelect = (key, keyPath) => {
   console.log(key, keyPath)
 }
-</script>
+</script>
+<style scoped>
+
+.logo{
+  min-width: 14rem;
+}
+.flex-grow {
+  flex-grow: 1;
+}
+</style>

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

@@ -21,5 +21,7 @@ import AppBody from "./AppBody.vue"
 .el-main{
   margin: 0;
 padding: 0;
+min-height: 10rem;
+background-color: #F0F2F5;
 }
 </style>