diff --git a/002.txt b/002.txt
new file mode 100644
index 0000000000000000000000000000000000000000..95d09f2b10159347eece71399a7e2e907ea3df4f
--- /dev/null
+++ b/002.txt
@@ -0,0 +1 @@
+hello world
\ No newline at end of file
diff --git a/021.txt b/021.txt
new file mode 100644
index 0000000000000000000000000000000000000000..f58f762649ce61694988fffdfb1602c21c4424ac
--- /dev/null
+++ b/021.txt
@@ -0,0 +1 @@
+fuck  world
\ No newline at end of file
diff --git a/src/api/tip.js b/src/api/tip.js
new file mode 100644
index 0000000000000000000000000000000000000000..8a836006f9bdf682ec69a035bc5bc18907bb8f8f
--- /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/assets/app.css b/src/assets/app.css
new file mode 100644
index 0000000000000000000000000000000000000000..7afa975421ebc1059e35c3533ef823b9ecd671ec
--- /dev/null
+++ b/src/assets/app.css
@@ -0,0 +1,13 @@
+* {
+    margin: 0px;
+    padding: 0px;
+}
+
+body,
+html{
+    background-color: cyan;
+}
+.el-card{
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 3ac0fe9b26d04552196b0b496b876cff9006fd59..0260bb6444bc741000f499d4ecdb2cdaa35bfffb 100644
--- a/src/main.js
+++ b/src/main.js
@@ -10,6 +10,7 @@ import 'element-ui/lib/theme-chalk/index.css'
 import router from './router'
 // import store from './store'
 
+import "@/assets/app.css"
 Vue.use(Buefy)
 Vue.use(ElementUI)
 
diff --git a/src/view/Home.vue b/src/view/Home.vue
index c0f7fa2ced5b61b29f47f85fe96ecfb5d386d563..547076c5d65c59a25876f93386e7a73f37fd0003 100644
--- a/src/view/Home.vue
+++ b/src/view/Home.vue
@@ -3,14 +3,26 @@
       <div class="box">
           {{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 TopicList from '@/view/post/Index.vue' /* ??? */
+import CardBar from '../view/card/CardBar';
+
 
 export default {
   name: 'Home',
+  components : {TopicList,CardBar},
   data() {
       return {
           billboard: {
diff --git a/src/view/card/CardBar.vue b/src/view/card/CardBar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..48927d5ae8ed0d46aab33841e71fa9d40f11c0ec
--- /dev/null
+++ b/src/view/card/CardBar.vue
@@ -0,0 +1,32 @@
+<template>
+  
+  <div>
+     <TipCard></TipCard>
+  </div>
+</template>
+
+<script>
+
+import TipCard from "../card/Tip"
+
+
+export default {
+  name: 'CardBar',
+  components:{TipCard},
+  data() {
+      return {
+        
+          }
+      
+  },
+  created() {
+
+  },
+  methods: {
+    
+  }
+}
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/view/card/Tip.vue b/src/view/card/Tip.vue
new file mode 100644
index 0000000000000000000000000000000000000000..eff00db566f64248892d1235790a5c99992f323f
--- /dev/null
+++ b/src/view/card/Tip.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+     <el-card>
+         <div>每日一句</div>
+       <div class="has-text-left block">{{tip.content}}</div>
+       <div class="has-text-right block mt-5 block">--{{tip.author}}</div>
+     </el-card>
+  </div>
+</template>
+
+<script>
+
+import {getTodayTip} from "../../api/tip"
+
+export default {
+  name: 'TipCard',
+  data() {
+      return {
+        tip :{}
+          }
+      
+  },
+  created() {
+    this.fetchTodayTip()
+  },
+  methods: {
+     async fetchTodayTip() {
+      getTodayTip().then((value) => {
+        const {data} = value
+        this.tip = data
+      })
+    }
+  }
+
+}
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/view/post/Index.vue b/src/view/post/Index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..58cbfae97771cc2c975b9bd79c88a4fe997040d0
--- /dev/null
+++ b/src/view/post/Index.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+     <el-card>
+       <div>
+         Title 
+       </div>
+       <div>body</div>
+     </el-card>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'TopicList',
+  data() {
+      return {
+        
+          }
+      
+  },
+  created() {
+
+  },
+  methods: {
+    
+  }
+}
+</script>
+
+<style>
+</style>
\ No newline at end of file