修改

src/main/pc-space/src/components/FansInfo.vue

@@ -2,8 +2,7 @@
     <div class="container">
         <div class="border"></div>
         <div class="content">
-            <el-empty v-if="empty" description="还没有粉丝哦～"></el-empty>
-            <div class="box" v-else>
+            <div class="box">
                 <router-link :to="{ path: '/castingDetail?id=' + info.id }">
                     <div class="text">
                         <img class="text1" :src="info.avatar" alt="" />
@@ -51,15 +50,7 @@ export default {
     data() {
         return {};
     },
-    computed: {
-        empty() {
-            if (this.info.length > 0) {
-                return true;
-            } else {
-                return false;
-            }
-        }
-    },
+    computed: {},
     mounted() {
         console.log(this.info);
     },
@@ -68,28 +59,19 @@ export default {
 </script>
 <style lang="less" scoped>
 .container {
+    .followed {
+        border-color: #939599;
+        color: #939599 !important;
+    }
     .border {
         height: 1px;
         background: #494a4d;
         border-radius: 1px;
         margin: 17px 10px 20px;
     }
-    /deep/ .el-empty {
-        width: 100px;
-        height: 110px;
-        padding-top: 200px;
-        margin: 0 auto;
-    }
-    /deep/ .el-empty__description {
-        color: #ccc;
-        margin: 10px 0 0 2px;
-    }
-    .followed {
-        border-color: #939599;
-        color: #939599 !important;
-    }
     .content {
         padding: 0 16px;
+
         .box {
             .flex();
             justify-content: space-between;

src/main/pc-space/src/mixins/user.js

@@ -15,7 +15,7 @@ export default {
                             follow: true,
                             followers: info.followers + 1
                         });
-                        this.$forceUpdate();
+                        // this.$forceUpdate();
                     });
                 } else {
                     this.$http.get(`/user/${info.id}/unfollow`).then(() => {
@@ -25,7 +25,7 @@ export default {
                             follow: false,
                             followers: info.followers - 1
                         });
-                        this.$forceUpdate();
+                        // this.$forceUpdate();
                     });
                 }
             });

src/main/pc-space/src/views/user/AccountData.vue

@@ -25,7 +25,12 @@
                 <fans-info :info="item"></fans-info>
             </div>
         </div>
-        <div class="content" v-else>
+        <div v-if="empty">
+            <div class="border2"></div>
+            <el-empty description="还没有粉丝哦～"></el-empty>
+        </div>
+
+        <div class="content" v-if="active !== '关注' && active !== '粉丝'">
             <div class="name">基本信息</div>
             <div class="box">
                 <div class="text">
@@ -125,7 +130,8 @@ export default {
         return {
             tabs: ['粉丝', '关注'],
             active: '',
-            list: []
+            list: [],
+            empty: false
         };
     },
     computed: {
@@ -156,12 +162,22 @@ export default {
             if (e === '关注') {
                 this.$http.get('/user/myFollows').then(res => {
                     this.list = res;
-                    console.log(res);
+                    if (this.list.length === 0) {
+                        this.empty = true;
+                    } else {
+                        this.empty = false;
+                    }
+                    // console.log(res);
                 });
             } else {
                 this.$http.get('/user/myFollowers').then(res => {
                     this.list = res;
-                    console.log(res);
+                    if (this.list.length === 0) {
+                        this.empty = true;
+                    } else {
+                        this.empty = false;
+                    }
+                    // console.log(res);
                 });
             }
         },
@@ -191,6 +207,22 @@ export default {
 </script>
 <style lang="less" scoped>
 .container {
+    .border2 {
+        height: 1px;
+        background: #494a4d;
+        border-radius: 1px;
+        margin: 17px 10px 20px;
+    }
+    /deep/ .el-empty {
+        width: 100px;
+        height: 110px;
+        padding-top: 200px;
+        margin: 0 auto;
+    }
+    /deep/ .el-empty__description {
+        color: #ccc;
+        margin: 10px 0 0 2px;
+    }
     .top {
         height: 146px;
         width: 100%;