From 951b6724e971645dd362177301cef3baa4901a76 Mon Sep 17 00:00:00 2001
From: MiraiMagician <158348508@qq.com>
Date: Tue, 30 Mar 2021 14:38:17 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=AF=8F=E6=97=A5=E4=B8=80?=
 =?UTF-8?q?=E5=8F=A5=EF=BC=88=E5=89=8D=E7=AB=AF=EF=BC=89=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/tip.js                 |  8 +++++++
 src/view/Home.vue              | 15 +++++++++++--
 src/view/card/CardBar.vue      | 24 ++++++++++++++++++++
 src/view/card/LoginWelcome.vue | 30 +++++++++++++++++++++++++
 src/view/card/Promotion.vue    | 30 +++++++++++++++++++++++++
 src/view/card/Tip.vue          | 41 ++++++++++++++++++++++++++++++++++
 src/view/post/Index.vue        | 32 ++++++++++++++++++++++++++
 7 files changed, 178 insertions(+), 2 deletions(-)
 create mode 100644 src/api/tip.js
 create mode 100644 src/view/card/CardBar.vue
 create mode 100644 src/view/card/LoginWelcome.vue
 create mode 100644 src/view/card/Promotion.vue
 create mode 100644 src/view/card/Tip.vue
 create mode 100644 src/view/post/Index.vue

diff --git a/src/api/tip.js b/src/api/tip.js
new file mode 100644
index 0000000..8a83600
--- /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..c61c0a2 100644
--- a/src/view/Home.vue
+++ b/src/view/Home.vue
@@ -1,16 +1,27 @@
 <template>
   <div>
-      <div class="box">
-          {{billboard.content}}
+        <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 CardBar from "@/view/card/CardBar"
+import PostList from "@/view/post/Index"
 
 export default {
   name: 'Home',
+  components: {CardBar, TopicList:PostList},
   data() {
       return {
           billboard: {
diff --git a/src/view/card/CardBar.vue b/src/view/card/CardBar.vue
new file mode 100644
index 0000000..44d6195
--- /dev/null
+++ b/src/view/card/CardBar.vue
@@ -0,0 +1,24 @@
+<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, PromotionCard, TipCard }
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/view/card/LoginWelcome.vue b/src/view/card/LoginWelcome.vue
new file mode 100644
index 0000000..499ef2d
--- /dev/null
+++ b/src/view/card/LoginWelcome.vue
@@ -0,0 +1,30 @@
+<template>
+    <el-card class="box-card" shadow="never">
+        <div slot="header">
+            <span>🎐 发帖</span>
+        </div>
+        <div>
+          暂不支持发帖功能！
+        </div>
+    </el-card>
+</template>
+
+<script>
+
+export default {
+  name: 'CardBar',
+  data() {
+      return {
+      }
+  },
+  created() {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style>
+</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 0000000..6313947
--- /dev/null
+++ b/src/view/card/Promotion.vue
@@ -0,0 +1,30 @@
+<template>
+    <el-card class="box-card" shadow="never">
+        <div slot="header">
+            <span>🎁 推广</span>
+        </div>
+        <div>
+          未收到有关推广！
+        </div>
+    </el-card>
+</template>
+
+<script>
+
+export default {
+  name: 'CardBar',
+  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 0000000..ec8c434
--- /dev/null
+++ b/src/view/card/Tip.vue
@@ -0,0 +1,41 @@
+<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(this.type).then(response => {
+              const {data} = response
+              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 0000000..d5f74a5
--- /dev/null
+++ b/src/view/post/Index.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <el-card>
+        <div slot="header">
+            📝 帖子列表    
+        </div>
+        <div>
+            暂时没有帖子！
+        </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'TopicList',
+  data() {
+      return {
+      }
+  },
+  created() {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style>
+</style>
\ No newline at end of file
-- 
Gitee