index empty components

src/views/index/components/FloowEmpty.vue

@@ -0,0 +1,28 @@
+
+<template>
+  <div class="follow-empty-container flex-col flex-aic">
+    <h3>没有任何内容</h3>
+    <p>当关注用户发布内容时，在此显示动态</p>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.follow-empty-container {
+  h3 {
+    font-size: 34px;
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 500;
+    color: #BCBCBC;
+    line-height: 48px;
+  }
+
+  p {
+    margin: 0;
+    font-size: 18px;
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 400;
+    color: #888888;
+    line-height: 25px;
+  }
+}
+</style>

src/views/index/follow.vue

@@ -1,5 +1,6 @@
 <script setup>
-import UnloginContent from '~/components/layouts/UnloginContent.vue';
+import UnloginContent from './components/UnloginContent.vue';
+import FloowEmpty from './components/FloowEmpty.vue'
 
 </script>
 
@@ -7,8 +8,9 @@ import UnloginContent from '~/components/layouts/UnloginContent.vue';
   <div class="index-follow-container flex-row flex-jc-sb">
     <div class="context">
       <!-- 尚未登录组件 -->
-      <UnloginContent />
-      1
+      <!-- <UnloginContent /> -->
+      <FloowEmpty />
+
     </div>
     <div class="right-aside">
       <!-- 日历签到 -->