From e9476f5cbdb2c04a61f0194236063af2bb92788a Mon Sep 17 00:00:00 2001
From: sumengqing <sumengqing@126.com>
Date: Thu, 1 Apr 2021 16:20:12 +0800
Subject: [PATCH] =?UTF-8?q?smq=E6=AF=8F=E6=97=A5=E4=B8=80=E5=8F=A5?=
 =?UTF-8?q?=E5=90=8E=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue       |  4 +++-
 src/view/Home.vue | 50 +++++++++++++++++++++++++++++++----------------
 2 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b0c844e..01ac28d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,9 @@
-<template>
+npm<template>
   <div id="app">
     <div class="container">
       <router-view />
+     
+      
     </div>
   </div>
 </template>
diff --git a/src/view/Home.vue b/src/view/Home.vue
index c0f7fa2..7872b5d 100644
--- a/src/view/Home.vue
+++ b/src/view/Home.vue
@@ -1,35 +1,51 @@
 <template>
   <div>
-      <div class="box">
-          {{billboard.content}}
+    <div class="box">
+      {{ billboard.content }}
+      <!--获取content 的内容 -->
+    </div>
+    <div class="columns">
+      <div class="column is-three-quarters">
+        <TopicList>
+
+        </TopicList>
+      </div>
+      <div class="column">
+        <CardBar>
+
+        </CardBar>
       </div>
+    </div>
   </div>
 </template>
 
 <script>
-import {getBillboard} from '@/api/billboard'
-
+import { getBillboard } from "@/api/billboard";
+import CardBar from "@/view/card/CardBar";
+import PostList from "@/view/post/index";
 export default {
-  name: 'Home',
+  name: "Home",
+  components: {CardBar,TopicList:PostList},
   data() {
-      return {
-          billboard: {
-            content: ''
-          }
-      }
+    return {
+      billboard: {
+        content: "加载中",
+      },
+    };
   },
   created() {
-    this.fetchBillboard()
+    this.fetchBillboard();
   },
   methods: {
     async fetchBillboard() {
+      //asysc 用来同步
       getBillboard().then((value) => {
-        const {data} = value
-        this.billboard = data
-      })
-    }
-  }
-}
+        const { data } = value;
+        this.billboard = data;
+      });
+    },
+  },
+};
 </script>
 
 <style>
-- 
Gitee