diff --git a/src/api/promote.js b/src/api/promote.js
new file mode 100644
index 0000000000000000000000000000000000000000..260224d29cf00b26eaaca9e54c4b22467c49036d
--- /dev/null
+++ b/src/api/promote.js
@@ -0,0 +1,9 @@
+// import request from '@/util/request'
+
+// // 获取推广
+// export function getList() {
+//   return request(({
+//     url: '/promotion/all',
+//     method: 'get'
+//   }))
+// }
diff --git a/src/api/tip.js b/src/api/tip.js
new file mode 100644
index 0000000000000000000000000000000000000000..03c0ebca1e3312b84c51288623bc305d249a0e1e
--- /dev/null
+++ b/src/api/tip.js
@@ -0,0 +1,8 @@
+import request from '@/util/request'
+
+export function getTodayTip() {
+  return request({
+    url: '/tip/today',
+    method: 'get'
+  })
+}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 3ac0fe9b26d04552196b0b496b876cff9006fd59..d8351412d61d340cc533dac5376fda72bad04b1b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -10,6 +10,8 @@ import 'element-ui/lib/theme-chalk/index.css'
 import router from './router'
 // import store from './store'
 
+// import '@/asset/app.css'
+
 Vue.use(Buefy)
 Vue.use(ElementUI)
 
diff --git a/src/view/Home.vue b/src/view/Home.vue
index c0f7fa2ced5b61b29f47f85fe96ecfb5d386d563..dd19191820e1fba1eea0435db03be6d4f0643ac5 100644
--- a/src/view/Home.vue
+++ b/src/view/Home.vue
@@ -1,35 +1,49 @@
 <template>
   <div>
       <div class="box">
-          {{billboard.content}}
+        🍕  {{billboard.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() {
+      //同步
       getBillboard().then((value) => {
-        const {data} = value
-        this.billboard = data
-      })
-    }
-  }
-}
+        //包装了一个异步返回结果
+        const { data } = value;
+        this.billboard = data;
+      });
+    },
+  },
+};
 </script>
 
 <style>
diff --git a/src/view/card/CardBar.vue b/src/view/card/CardBar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ad27160aeffb172508a240414b9dd2b4ef82dea2
--- /dev/null
+++ b/src/view/card/CardBar.vue
@@ -0,0 +1,26 @@
+<template>
+  <section>
+    <!--是否登录-->
+    <login-welcome />
+
+    <!--今日赠言-->
+    <tip-card />
+
+    <!--资源推介-->
+    <!-- <PromotionCard /> -->
+  </section>
+</template>
+
+<script>
+import TipCard from '@/view/card/Tip'
+// import PromotionCard from '@/view/card/Promotion'
+import LoginWelcome from '@/view/card/LoginWelcome'
+
+export default {
+  name: 'CardBar',
+  components: { LoginWelcome,  TipCard }//PromotionCard,
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/view/card/LoginWelcome.vue b/src/view/card/LoginWelcome.vue
new file mode 100644
index 0000000000000000000000000000000000000000..00715e544d3cb80379bb16b3e5eb3d8760425fdc
--- /dev/null
+++ b/src/view/card/LoginWelcome.vue
@@ -0,0 +1,32 @@
+<template>
+  <el-card class="box-card" shadow="never">
+    <div slot="header">
+      <span>💐 发帖</span>
+    </div>
+    <!-- <div v-if="token != null && token !== ''" class="has-text-centered">
+      <b-button type="is-danger" tag="router-link" :to="{path:'/post/create'}" outlined>✍ 发表想法</b-button>
+    </div>
+
+    <div v-else class="has-text-centered">
+      <b-button type="is-primary" tag="router-link" :to="{path:'/register'}" outlined>马上入驻</b-button>
+      <b-button type="is-danger" tag="router-link" :to="{path:'/login'}" outlined class="ml-2"> 社区登入</b-button>
+    </div> -->
+  </el-card>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'LoginWelcome',
+  computed: {
+    ...mapGetters([
+      'token'
+    ])
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/view/card/Promotion.vue b/src/view/card/Promotion.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a3ec83c93ec5506d22f8f4259fe70036b09eaa3f
--- /dev/null
+++ b/src/view/card/Promotion.vue
@@ -0,0 +1,39 @@
+<template>
+  <el-card class="box-card" shadow="never">
+    <div slot="header">
+      <span>🥂 推广</span>
+    </div>
+    <div>
+      <p v-for="(item, index) in list" :key="index" class="block">
+        <a :href="item.link" target="_blank">{{ item.title }}</a>
+      </p>
+    </div>
+  </el-card>
+</template>
+
+ <script>
+// import { getList } from '@/api/promote'
+
+// export default {
+//   name: 'Promotion',
+//   data() {
+//     return {
+//       list: []
+//     }
+//   },
+//   created() {
+//     this.fetchList()
+//   },
+//   methods: {
+//     fetchList() {
+//       getList().then((response) => {
+//         const { data } = response
+//         this.list = data
+//       })
+//     }
+//   }
+// }
+</script>
+
+<style scoped>
+</style>
diff --git a/src/view/card/Tip.vue b/src/view/card/Tip.vue
new file mode 100644
index 0000000000000000000000000000000000000000..9153d59cf94b38256e133475e6fc6be8a0114aa0
--- /dev/null
+++ b/src/view/card/Tip.vue
@@ -0,0 +1,43 @@
+<template>
+  <el-card class="box-card" shadow="never">
+    <div slot="header">
+      <span>🥳 每日一句</span>
+    </div>
+    <div>
+      <div class="has-text-left block">
+        {{tip.content}}<!-- 天行健，君子以一动不动 -->
+      </div>
+      <div class="has-text-right mt-5 block">
+        ——{{tip.author}}<!-- ——定经 -->
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import {getTodayTip} from '@/api/tip'
+
+export default {
+  name: 'Tip',
+  data() {
+    return {
+      tip: {}
+    }
+  },
+  created() {
+    this.fetchTodayTip()
+  },
+  methods: {
+    fetchTodayTip() {
+      getTodayTip().then(response => {
+        const { data } = response
+        this.tip = data
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/view/post/Index.vue b/src/view/post/Index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..594e7db528c3ea3994d9b1a019f5113b5dd144da
--- /dev/null
+++ b/src/view/post/Index.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <el-card>
+        <div slot="header">
+            帖子列表
+        </div>
+        <div class="body">
+            body
+        </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "TopicList",
+  data() {
+    return {
+    };
+  },
+  created() {
+
+  },
+  methods: {
+      
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/view/tmp b/src/view/tmp
new file mode 100644
index 0000000000000000000000000000000000000000..1d53b6b1d5dc312c3e1cf4dce177d0fa6115cf83
--- /dev/null
+++ b/src/view/tmp
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    CardBar
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "TopicList",
+  data() {
+    return {
+    };
+  },
+  created() {
+
+  },
+  methods: {
+      
+  },
+};
+</script>
+
+<style>
+</style>
+
+github.com/songboriceman/doubao_community
\ No newline at end of file