首页设计修改

src/assets/styles/portal-index.scss

@@ -509,11 +509,17 @@
       }
     }
   }
+  .reviewTop{
+    margin-top: 20px;
+  }
   .xindex-ranking-li{
-    margin-top:18px;
+    margin-top:15px;
+  }
+  .xindex-ranking-review{
+    height: 186px;
   }
   .xindex-ranking-course{
-    height: 730px;
+    height: 452px;
   }
 
   .xindex-ranking-case{
@@ -775,10 +781,16 @@
   }
 
   .xindex-ranking-li{
-    margin-top:25px;
+    margin-top:20px;
+  }
+  .reviewTop{
+    margin-top: 20px;
+  }
+  .xindex-ranking-review{
+    height: 204px;
   }
   .xindex-ranking-course{
-    height: 830px;
+    height: 508px;
   }
 
   .xindex-ranking-case{
@@ -1057,10 +1069,16 @@
       }
   }
   .xindex-ranking-li{
-    margin-top:35px;
+    margin-top:30px;
+  }
+  .reviewTop{
+    margin-top: 30px;
+  }
+  .xindex-ranking-review{
+    height: 249px;
   }
   .xindex-ranking-course{
-    height: 975px;
+    height: 598px;
   }
 
   .xindex-ranking-case{
@@ -1322,10 +1340,16 @@
   }
 
   .xindex-ranking-li{
-    margin-top:35px;
+    margin-top:30px;
+  }
+  .reviewTop{
+    margin-top: 36px;
+  }
+  .xindex-ranking-review{
+    height: 272px;
   }
   .xindex-ranking-course{
-    height: 1055px;
+    height: 650px;
   }
 
   .xindex-ranking-case{

src/views/Index.vue

@@ -369,6 +369,27 @@
               </li>
             </ul>
           </div>
+          <div class="portal-ranking ranking-bg reviewTop">
+              <p class="ranking-title">好评排行榜</p>
+              <ul class="xindex-ranking-review" style="overflow: auto;margin: 0;top: 0;">
+              <li
+                @click="jumcasedet(item)"
+                class="xindex-ranking-li title-line-ellipsis"
+                v-for="(item, index) in Positive"
+                :key="'bb' + index"
+                style="line-height: 22px"
+              >
+                <span class="portal-right-text orange-one">
+                  <img :src="getPic(index)" alt="" />
+                </span>
+                <span
+                  class="portal-title-desc index-one-line-ellipsis title-line-ellipsis"
+                  style="font-size: 14px; color: #04243c; line-height: 26px"
+                  >{{ item.title }}</span
+                >
+              </li>
+            </ul>
+          </div>
         </div>
       </div>
       <!-- 推荐案例2版 -->
@@ -1020,6 +1041,7 @@ export default {
       ankingList: [],
       answersList: [],
       Popularity: [],
+      reviewList:[],//好评
       scorelist: [],
       resonimg: [],
       swiperOptiontwo: {
@@ -1084,6 +1106,7 @@ export default {
   mounted() {
     this.getCourseData(1);
     this.getRecommendList();
+    this.getPositive()
     this.getCaseData();
     this.getArticleData();
     this.getQaData();
@@ -1141,6 +1164,14 @@ export default {
     },
   },
   methods: {
+    getPositive() {
+      apiCase.queryComments(10).then(res => {
+        if (res.status == 200) {
+          this.Positive = res.result;
+          console.log(res);
+        }
+      });
+    },
     tylClick() {
       window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
     },
@@ -1276,7 +1307,7 @@ export default {
     },
     getScoreList() {
       //课程排行榜
-      apiCourse.scorelist(15, 1).then((res) => {
+      apiCourse.scorelist(10, 1).then((res) => {
         if (res.status == 200) {
           res.result.forEach((item) => {
             if (item.publishTime != "") {