From 5ef919875d30bdb8123026e13a57126b1c1eba18 Mon Sep 17 00:00:00 2001
From: NiSen <laonisen@icloud.com>
Date: Thu, 26 Oct 2023 09:56:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8E=A8=E8=8D=90=E8=AF=BE?=
 =?UTF-8?q?=E7=A8=8B=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Index.vue | 62 ++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 61 insertions(+), 1 deletion(-)

diff --git a/src/views/Index.vue b/src/views/Index.vue
index 1e764de5..f994f04a 100644
--- a/src/views/Index.vue
+++ b/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() {