修改推荐课程位置

src/views/Index.vue

@@ -211,7 +211,7 @@
             </div> -->
             <!--内容列表内容-->
             <div
-              v-for="(course, ccidx) in courseList.list"
+              v-for="(course, ccidx) in courseComputedOneList"
               :key="'cc' + ccidx"
               class="xindex-course"
               style="position: relative"
@@ -314,6 +314,60 @@
                   </div>
                 </div>
               </a>
+            </div>
+                        <!--内容列表内容-->
+            <div
+              v-for="(course, ccidx) in courseComputedTwoList"
+              :key="'cctwo' + ccidx"
+              class="xindex-course"
+              style="position: relative"
+            >
+              <div style="position: absolute; right: 25px; bottom: 72px">
+                <interactBar
+                  nodeWidth="20px"
+                  :courseExclusive="true"
+                  :type="1"
+                  :data="course"
+                  :comments="false"
+                  :praises="false"
+                  :shares="false"
+                  :views="false"
+                >
+                </interactBar>
+                <!-- <svg-icon style="font-size: 32px;margin-top: -5px;" icon-class="collectedCourse"></svg-icon> -->
+              </div>
+              <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
+                  >
+                </div>
+                <div
+                  style="width: 80%"
+                  :title="course.name"
+                  class="course-title portal-title-tow two-line-ellipsis"
+                >
+                  {{ course.name }}
+                </div>
+                <div class="course-author">
+                  <div class="course-author-left">
+                    {{ course.authorInfo.name }}
+
+                    <span class="study-num"
+                      >{{ formatNum(course.studys) }}人学习</span
+                    >
+                  </div>
+                  <div style="display: flex">
+                    <div v-if="course.score">
+                      <span class="course-score-value" style="margin-left: 10px"
+                        >{{ toScore(course.score) }}分</span
+                      >
+                    </div>
+                    <div v-else class="course-score-no">未评分</div>
+                  </div>
+                </div>
+              </a>
             </div>
           </div>
         </div>
@@ -1163,6 +1217,12 @@ export default {
     swiper() {
       return this.$refs.mySwiper.swiper;
     },
+    courseComputedOneList(){
+      return this.courseList.list.slice(0,3)
+    },
+    courseComputedTwoList(){
+      return this.courseList.list.slice(3)
+    },
   },
   methods: {
     getPositive() {