调整样式

src/views/homepage/page.vue

@@ -16,7 +16,7 @@
                     <answer-list v-if="item.contentType == 5" :list="[item]" :isDynamic="true" :personal="personal"></answer-list>
                     <article-list v-if="item.contentType == 2" :list="[item]" :isDynamic="true" :personal="personal"></article-list>
                 </template>
-                
+
             </el-tab-pane>
             <el-tab-pane name="1">
                 <span slot="label"><svg-icon icon-class="home-course" style="font-size: 30px;"></svg-icon><span class="tabs-info">课程</span></span>
@@ -66,7 +66,7 @@
         <div style="height:200px"></div>
     </div>
   </template>
-  
+
   <script>
     import top from '../../layout/components/TopNav/Index.vue'
     import UcHeader from '@/components/HomePage/homePage.vue'
@@ -118,16 +118,27 @@
                 Profess:[]
             }
         },
+        // watch:{
+        //   '$route' (to, from) { //监听路由是否变化
+        //   		  if(to.query.id != from.query.id && from.path == "/home/index"){
+        //   			  this.id = to.query.id;
+        //   			  this.init();//重新加载数据
+        //   		  }
+        //    }
+        // },
         mounted() {
-            this.pageId = this.$route.query.id;
-            this.getList();
-            if(this.pageId == this.userInfo.aid) {
-              this.personal = true;
-            }
-            this.loadMajorType();
-            this.loadOrgDomain();
-          },
+            this.init();
+        },
         methods:{
+            init(){
+              this.pageId = this.$route.query.id;
+              this.getList();
+              if(this.pageId == this.userInfo.aid) {
+                this.personal = true;
+              }
+              this.loadMajorType();
+              this.loadOrgDomain();
+            },
             dynamicHide(id){
                 apiStat.dynamicHide(id).then(res=>{
                     if(res.status == 200){
@@ -316,13 +327,13 @@
                 apiNote.ids(ids).then(res=>{
                   if(res.status == 200) {
                     list.forEach((item, index) => {
-                        
+
                         let score = item.contentInfo.substr(item.contentInfo.length -1,1);
                             console.log(Number(score),'Number(score)');
                             if(Number(score) > 0) {
                                item.score = score;
                             }
-                            
+
                             res.result.some(con => {
                             if (con.id == item.contentId) {
                                 item.info = con;
@@ -350,7 +361,7 @@
                             }
                             });
                         });
-                        this.getCaseUserData(list);  
+                        this.getCaseUserData(list);
                    }
                 })
             },
@@ -397,7 +408,7 @@
                                 }
                                 });
                             });
-                        this.getArticleUserData(list);  
+                        this.getArticleUserData(list);
                    }
                 })
             },
@@ -440,7 +451,7 @@
                                 }
                                 });
                             });
-                        // this.getArticleUserData(list);  
+                        // this.getArticleUserData(list);
                    }
                 })
             },
@@ -458,12 +469,10 @@
                 }
                 this.getList();
             }
-        },
-        watch:{
-        },
+        }
       }
   </script>
-  
+
   <style lang="scss" scoped>
      .home-page{
        ::v-deep .el-tabs__active-bar{
@@ -547,7 +556,7 @@
                         color: #666666;
                        }
                     }
-                    
+
                 }
                 .ach-title{
                     font-size: 18px;
@@ -597,4 +606,3 @@
         }
      }
   </style>
-