From 84bbd23ff2c7a6db2516e1cd534e9419c5d2a97d Mon Sep 17 00:00:00 2001
From: unknown <18119604035@163.com>
Date: Sun, 30 Jul 2023 13:33:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E8=AF=A6=E6=83=85tab?=
 =?UTF-8?q?=E6=A0=8F=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.scss                      | 12 +++++++++++
 src/pages/course/index.module.scss | 34 ------------------------------
 src/pages/course/index.tsx         |  5 +++--
 3 files changed, 15 insertions(+), 36 deletions(-)

diff --git a/src/main.scss b/src/main.scss
index 6b1fc60..6f3a8fa 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -155,3 +155,15 @@ code {
 .dplayer-mobile-play {
   opacity: 1 !important;
 }
+
+.course-tab-box {
+  width: 100%;
+  min-height: 24px;
+  display: flex;
+  align-items: center;
+  position: relative;
+  margin-bottom: 20px;
+  .adm-tabs-tab-wrapper {
+    padding: 0 36px 0 0;
+  }
+}
diff --git a/src/pages/course/index.module.scss b/src/pages/course/index.module.scss
index 57b24a6..a7bb7ae 100644
--- a/src/pages/course/index.module.scss
+++ b/src/pages/course/index.module.scss
@@ -86,40 +86,6 @@
     align-items: center;
     position: relative;
     margin-bottom: 20px;
-    .tab-item {
-      width: auto;
-      min-height: 24px;
-      margin-right: 36px;
-      position: relative;
-      .tit {
-        font-size: 16px;
-        font-weight: 400;
-        color: rgba(0, 0, 0, 0.45);
-        line-height: 16px;
-      }
-    }
-    .tab-active-item {
-      width: auto;
-      min-height: 24px;
-      margin-right: 36px;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      .tit {
-        font-size: 16px;
-        font-weight: 500;
-        color: rgba(0, 0, 0, 0.88);
-        line-height: 16px;
-      }
-      .act-line {
-        margin-top: 5px;
-        display: block;
-        width: 20px;
-        height: 3px;
-        background: #ff4d4f;
-        border-radius: 2px;
-      }
-    }
   }
   .desc {
     width: 100%;
diff --git a/src/pages/course/index.tsx b/src/pages/course/index.tsx
index 84a3cb5..5b23f3c 100644
--- a/src/pages/course/index.tsx
+++ b/src/pages/course/index.tsx
@@ -154,8 +154,9 @@ const CoursePage = () => {
         </div>
       </div>
       <div className={styles["other-content"]}>
-        <div className={styles["tabs"]}>
+        <div className="course-tab-box">
           <Tabs
+            activeLineMode="fixed"
             activeKey={String(tabKey)}
             onChange={(key: any) => {
               setTabKey(Number(key));
@@ -166,7 +167,7 @@ const CoursePage = () => {
               "--active-title-color": "rgba(0,0,0,0.88)",
               "--active-line-border-radius": "2px",
               "--title-font-size": "16px",
-          
+              "--content-padding":"18px"
             }}
           >
             {items.map((item) => (