From a55cba4c1f33cd788d89f7f8b27cd0c21c827cdd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A9=99=E5=AD=90?= <454313500@qq.com>
Date: Fri, 3 Mar 2023 23:56:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E6=90=AD=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.BBS.Vue3/src/assets/main.css    | 10 +++++
 Yi.BBS.Vue3/src/layout/AppBody.vue | 18 +++++---
 Yi.BBS.Vue3/src/layout/Index.vue   |  9 +++-
 Yi.BBS.Vue3/src/views/Index.vue    | 70 ++++++++++++++++++++++++++++--
 4 files changed, 95 insertions(+), 12 deletions(-)

diff --git a/Yi.BBS.Vue3/src/assets/main.css b/Yi.BBS.Vue3/src/assets/main.css
index 8584804f..637bd1c5 100644
--- a/Yi.BBS.Vue3/src/assets/main.css
+++ b/Yi.BBS.Vue3/src/assets/main.css
@@ -1,4 +1,14 @@
 /* @import './base.css'; */
+/* #app {
+  margin: 0 auto;
+  font-weight: normal;
+} */
+body
+{
+  margin: 0 auto;
+  font-weight: normal;
+
+}
 /* 
 #app {
   max-width: 1280px;
diff --git a/Yi.BBS.Vue3/src/layout/AppBody.vue b/Yi.BBS.Vue3/src/layout/AppBody.vue
index 999e63b9..1c26cdc8 100644
--- a/Yi.BBS.Vue3/src/layout/AppBody.vue
+++ b/Yi.BBS.Vue3/src/layout/AppBody.vue
@@ -1,21 +1,25 @@
 
-import { h } from 'vue';
-
 <template class="back-color"> 
-   <div class="body-main">   身体  <RouterView /></div>
+   <div class="body-main">   
+      <div class="content-main">
+      <RouterView />
+     </div>
+   
+   </div>
 
 
 </template>
 
 <style scoped>
-.back-color{
-
-
-}
 
 .body-main{
 min-height: 10rem;
 min-width: 10rem;
 background-color:#F0F2F5;
+
+}
+.content-main{
+   max-width:1100px;
+   margin: 0 auto;
 }
 </style>
\ No newline at end of file
diff --git a/Yi.BBS.Vue3/src/layout/Index.vue b/Yi.BBS.Vue3/src/layout/Index.vue
index 5990c3b6..2ab328cd 100644
--- a/Yi.BBS.Vue3/src/layout/Index.vue
+++ b/Yi.BBS.Vue3/src/layout/Index.vue
@@ -15,4 +15,11 @@
 <script setup>
 import AppHeader from "./AppHeader.vue"
 import AppBody from "./AppBody.vue"
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+.el-main{
+  margin: 0;
+padding: 0;
+}
+</style>
\ No newline at end of file
diff --git a/Yi.BBS.Vue3/src/views/Index.vue b/Yi.BBS.Vue3/src/views/Index.vue
index 0013b785..ea5e1c0b 100644
--- a/Yi.BBS.Vue3/src/views/Index.vue
+++ b/Yi.BBS.Vue3/src/views/Index.vue
@@ -1,9 +1,71 @@
 <template>
-  <div class="about">
-    <h1>这个是首页</h1>
-  </div>
+  <el-row :gutter="20" class="top-div">
+    <el-col :span="18">
+      
+
+      <el-row class="left-top-div" :gutter="20" >
+        <el-col v-for="i in 9" :key="i" :span="2">
+      </el-col>
+    
+        </el-row>
+      <el-row class="left-div" >
+        <el-col :span="24">
+        </el-col>
+        <el-col :span="24">
+        </el-col>
+        <el-col :span="24">
+        </el-col>
+        <el-col :span="24">
+        </el-col>
+        <el-col :span="24">
+        </el-col>
+        <el-col :span="24">
+        </el-col>
+      </el-row>
+
+      </el-col>
+
+     <el-col :span="6">
+      <el-row class="right-div">
+        <el-col :span="24">
+        </el-col>
+        <el-col :span="24">
+        </el-col>
+        <el-col :span="24">
+        </el-col>
+        <el-col :span="24">
+        </el-col>
+        <el-col :span="24">
+        </el-col>
+      </el-row>
+    </el-col>
+  </el-row>
 </template>
 
-<style scoped>
+<style scoped >
+.left-div .el-col{
+background-color: #FFFFFF;
+min-height: 12rem;
+margin-bottom: 1rem;
+}
+.right-div .el-col
+{
+  background-color:#FFFFFF;
+  min-height: 10rem;
+  margin-bottom: 1rem;
+}
 
+
+.left-top-div .el-col
+{
+min-height: 2rem;
+background-color:#f21b1b;
+margin-bottom: 1rem;
+margin-right :10px;
+margin-left :10px;
+}
+.top-div
+{
+  padding-top: 1rem;
+}
 </style>