From e438887aa80970711a537be92ebb7f798a0f5b3a Mon Sep 17 00:00:00 2001
From: Mouse <mouse0w0@qq.com>
Date: Sat, 27 Mar 2021 22:12:17 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=B7=BB=E5=8A=A0002?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 002.txt | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 002.txt

diff --git a/002.txt b/002.txt
new file mode 100644
index 0000000..95d09f2
--- /dev/null
+++ b/002.txt
@@ -0,0 +1 @@
+hello world
\ No newline at end of file
-- 
Gitee


From 9a2834dd279d13dfd7de6e2e91d3dc2085623af9 Mon Sep 17 00:00:00 2001
From: hanaabi-shunyou <moleseeroo@163.com>
Date: Mon, 29 Mar 2021 23:56:18 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=AF=8F=E6=97=A5=E4=B8=80=E5=8F=A5=20?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 002.txt                   |  1 -
 src/api/tip.js            |  8 ++++++++
 src/view/Home.vue         | 36 ++++++++++++++++++++-------------
 src/view/card/CardBar.vue | 19 ++++++++++++++++++
 src/view/card/Tip.vue     | 42 +++++++++++++++++++++++++++++++++++++++
 5 files changed, 91 insertions(+), 15 deletions(-)
 delete mode 100644 002.txt
 create mode 100644 src/api/tip.js
 create mode 100644 src/view/card/CardBar.vue
 create mode 100644 src/view/card/Tip.vue

diff --git a/002.txt b/002.txt
deleted file mode 100644
index 95d09f2..0000000
--- a/002.txt
+++ /dev/null
@@ -1 +0,0 @@
-hello world
\ No newline at end of file
diff --git a/src/api/tip.js b/src/api/tip.js
new file mode 100644
index 0000000..03c0ebc
--- /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/view/Home.vue b/src/view/Home.vue
index c0f7fa2..600aada 100644
--- a/src/view/Home.vue
+++ b/src/view/Home.vue
@@ -1,22 +1,31 @@
 <template>
   <div>
-      <div class="box">
-          {{billboard.content}}
+    <div class="box">
+      {{ billboard.content }}
+    </div>
+    <div class="columns">
+      <div class="column is-three-quarters"></div>
+      <div class="column">
+        <CardBar />
       </div>
+    </div>
   </div>
 </template>
 
 <script>
-import {getBillboard} from '@/api/billboard'
-
+import { getBillboard } from '@/api/billboard'
+import CardBar from '@/view/card/CardBar'
 export default {
   name: 'Home',
+  components: {
+    CardBar,
+  },
   data() {
-      return {
-          billboard: {
-            content: ''
-          }
-      }
+    return {
+      billboard: {
+        content: '',
+      },
+    }
   },
   created() {
     this.fetchBillboard()
@@ -24,13 +33,12 @@ export default {
   methods: {
     async fetchBillboard() {
       getBillboard().then((value) => {
-        const {data} = value
+        const { data } = value
         this.billboard = data
       })
-    }
-  }
+    },
+  },
 }
 </script>
 
-<style>
-</style>
\ No newline at end of file
+<style></style>
diff --git a/src/view/card/CardBar.vue b/src/view/card/CardBar.vue
new file mode 100644
index 0000000..ead2f3b
--- /dev/null
+++ b/src/view/card/CardBar.vue
@@ -0,0 +1,19 @@
+<template>
+  <div>
+    <TipCard />
+  </div>
+</template>
+
+<script>
+import TipCard from './Tip'
+export default {
+  name: 'CardBar',
+  components: {
+    TipCard
+  }
+}
+</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 0000000..f95e97e
--- /dev/null
+++ b/src/view/card/Tip.vue
@@ -0,0 +1,42 @@
+<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: {
+    async fetchTodayTip() {
+      getTodayTip().then((response) => {
+        const { data } = response
+        this.tip = data
+      })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
-- 
Gitee