diff --git a/src/assets/styles/portal-index.scss b/src/assets/styles/portal-index.scss index fe555aa0..2a041f48 100644 --- a/src/assets/styles/portal-index.scss +++ b/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{ diff --git a/src/views/Index.vue b/src/views/Index.vue index a8be4b6a..0ec81143 100644 --- a/src/views/Index.vue +++ b/src/views/Index.vue @@ -369,6 +369,27 @@ +
+

好评排行榜

+ +
@@ -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 != "") {