From aea6b44fbe6c546a72ca3856f49312b84d9be024 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Tue, 2 Nov 2021 11:45:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=80=89=E4=B8=AD=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/course/preview/index.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/pages/course/preview/index.vue b/src/pages/course/preview/index.vue
index ae1f664..41238e8 100644
--- a/src/pages/course/preview/index.vue
+++ b/src/pages/course/preview/index.vue
@@ -59,7 +59,9 @@
                                 <div class="chapter" v-for="(item,index) in videoList" :key="index">
                                     <div class="chapterName">{{ item.name }}</div>
                                     <div class="section" v-if="item.subsectionList.length">
-                                        <div class="sectionName" v-for="(section,i) in item.subsectionList" :key="i" @click="preview(section)">{{ section.name }}</div>
+                                        <div v-for="(section,i) in item.subsectionList" :key="i" @click="preview(section, item.name)">
+                                            <p class="sectionName" :class="{active: curLink === `${item.name}${section.name}`}">{{ section.name }}</p>
+                                        </div>
                                     </div>
                                 </div>
                             </template>
@@ -108,7 +110,8 @@ export default {
             currentPage: 0, // pdf文件页码
             pageCount: 0, // pdf文件总页数
             fileType: "pdf", // 文件类型
-            desShrink: false
+            desShrink: false,
+            curLink: "", // 当前选中
         };
     },
     components: { pdf },
@@ -147,7 +150,8 @@ export default {
             if ("mp4,3gp,mov,m4v,avi,dat,mkv,flv,vob,rmvb,rm,qlv".includes(ext)) return "视频";
             return ext;
         },
-        preview(row) {
+        preview(row, chapterName) {
+            this.curLink = `${chapterName}${row.name}`;
             this.player = null;
             this.playauth = "";
             this.coverUrl = "";
@@ -375,6 +379,9 @@ $height: 700px;
                 color: rgba(0, 0, 0, 0.65);
                 cursor: pointer;
                 @include ellipsis;
+                &.active{
+                    color: #9278FF;
+                }
             }
         }
     }