修改首页展示样式

src/views/Index.vue

@@ -163,8 +163,10 @@
            <!-- 精品课模块 -->
         <div class="xcontent2-main">
           <div class="modules-title xindex-main">
-            <span class="modules-text" style="color: #3D86F4;">精品课</span>
+            <!-- <span class="modules-text" style="color: #3D86F4;">精品课</span> -->
             <span class="quyer-tag">
+              <!-- <img src="../assets/images/tutoring1.pn" alt=""> -->
+              <img class="modules-text" style="height: 24px;" src="../assets/images/course/courseTitle.png" alt="">
             </span>
             <span class="more">
               <router-link to="/quailtyCourse">查看更多>></router-link>
@@ -172,13 +174,12 @@
           </div>
 
 
-
-
+          
           <div
               v-for="(course, eIndex) in exquisiteList"
               :key="'cc' + eIndex"
-              class="xindex-course"
-              style="position: relative;margin-top: 30px;"
+              class="xindex-course courseBg"
+              style="position: relative;margin-top: 20px;"
             >
               <div style="position: absolute; right: 25px; bottom: 72px">
                 <interactBar
@@ -197,9 +198,10 @@
               <a @click="toCourseDetail(course)">
                 <div class="xindex-course-image">
                   <course-image :course="course"></course-image>
-                  <span v-if="course.type == 20 || 10" class="course-type"
+                  <!-- <span v-if="course.type == 20 || 10" class="course-type"
                     >录播课</span
-                  >
+                  > -->
+                  <img v-if="course.type == 20 || 10" src="../assets/images/course/courseTag.png" class="course-type" style="background: none;" alt="">
                 </div>
                 <div
                   style="width: 80%"
@@ -229,10 +231,7 @@
             </div>
 
 
-
-
-
-
+        
           <!--内容块-->
           <div class="modules-title xindex-main">
             <span class="modules-text">推荐课程</span>
@@ -1561,12 +1560,12 @@ export default {
     },
     //精品课展示
     getEsqusiteList(){
-      let params = {
+      let course = {
         aid: this.userInfo.aid,
       }
-      apiIndex.qualitylist(params).then((res) => { 
+      apiIndex.qualitylist(course).then((res) => { 
         console.log(res,'jinpinsjfhhfjash--------------------------');
-        this.qusisityList.list = res.result;
+        this.qusisityList.list = res.data.result;
       })
     },
     getCourseData(pageIndex) {
@@ -2758,6 +2757,7 @@ export default {
     // padding-bottom: 10px;
     display: flex;
     justify-content: space-between;
+    margin-bottom: 20px;
 
     .course-author-left {
       font-size: 14px;
@@ -3106,4 +3106,10 @@ export default {
     }
   }
 }
+.courseBg{
+  background: url("../assets/images/course/courseBackground.png") no-repeat;
+  background-size: cover; /* 或 use 'contain' */
+  background-position: center; 
+  border: none;
+}
 </style>