个人主页 ---点击右侧 关注我的人 我关注的人 跳转到“关注”后不显示内容 实际上是有内容的

src/components/HomePage/followList.vue

@@ -5,7 +5,7 @@
         <li class="follow-home-title tabs-index" @click="tagTab(2)">{{userInfo.aid == pageId ?'关注我的人':'关注他的人'}}<span v-if="active == 2" class="line"></span></li>
     </ul>
     <div v-show="active ==1">
-        <div class="follow-list" v-for="item in follow.list" :key="item.id">
+        <div class="follow-list" v-for="(item,index) in follow.list" :key="index">
             <div style="width:60px;height:60">
               <el-avatar shape="circle" style="width:60px;height:60px" size="small" :src="baseUrl+item.authorInfo.avatar" v-if="item.authorInfo.avatar"></el-avatar>
               <div v-else class="uavatar">
@@ -66,7 +66,7 @@
                 </p>
                 <p class="portal-summary-text">{{maPage.userFollow.authorInfo.sign}}</p>
             </div>
-            <div v-if="Id == userInfo.aid">
+            <div v-if="pageId == userInfo.aid">
                 <el-button class="btn" icon="el-icon-plus" v-if="maPage.has">已关注</el-button>
                 <el-button type="primary" class="btn" v-else icon="el-icon-plus" @click="toFollow(maPage)">关注他</el-button>
             </div>

src/views/homepage/Index.vue

@@ -238,6 +238,7 @@
                 .ach-ul{
                     display: flex;
                     flex-wrap: wrap;
+                    justify-content: flex-start;
                     border-bottom:  1px solid rgba($color: #999999, $alpha: 0.21);
                     padding-bottom: 4px;
                     ::v-deep .ach-box{
@@ -245,11 +246,11 @@
                         width: 58px;
                         // margin: 0 auto;/
                         text-align: center;
-                        margin-left: 4px;
-                        margin-right: 40px;
+                        margin-left: 22px;
+                        margin-right:22px;
                         margin-bottom: 18px;
-                        &:nth-child(3){
-                            // margin-right: 0px;
+                        &:nth-child(1){
+                            margin-left: 0px;
                         }
                         .medal-text{
                             font-size: 12px;

src/views/homepage/page.vue

@@ -140,6 +140,8 @@
         mounted() {
             this.$bus.$on('followIndex',(num)=>{
                this.activeName = "7";
+               this.$refs.followList.resetActive();
+               this.$refs.followList.getPage();
             })
         },
         methods:{