From e292a57b202a4db2421845b4a6b0044833adb86c Mon Sep 17 00:00:00 2001
From: 670788339 <670788339@qq.com>
Date: Tue, 11 Nov 2025 10:44:24 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/course/Detail.vue | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/views/portal/course/Detail.vue b/src/views/portal/course/Detail.vue
index 7d8a0beb..ba3ea999 100644
--- a/src/views/portal/course/Detail.vue
+++ b/src/views/portal/course/Detail.vue
@@ -30,8 +30,13 @@
                 <!-- <div class="course-title-right"> -->
                 <!-- <interactBar :readonly="!stuStusts || stuStusts==0" :type="1" :data="courseInfo" :comments="false" :views="false"></interactBar> -->
               <!-- </div> -->
-              <div class="label-div">
+<!--              <div class="label-div">
                 <el-tag class="label-item" effect="plain" v-for="(item,tagIdx) in tagArray" :key="tagIdx">{{item}}</el-tag>
+              </div>-->
+              <div class="label-div">
+                <div v-for="(item, tagIdx) in tagArray" :key="tagIdx" class="keyword-tag">
+                  {{ item }}
+                </div>
               </div>
               <div>
                 <div class="study-count">{{courseInfo.studys}}人学习</div>
@@ -458,7 +463,7 @@ export default {
       color: #444444;
     }
 
-    .label-div {
+    /*.label-div {
       margin: 5px 0;
       min-height: 20px;
       .label-item {
@@ -474,6 +479,25 @@ export default {
         background: rgba(44, 104, 255, 0.06);
         border: none; // 或者使用 border-color: transparent;
       }
+    }*/
+    .label-div {
+      margin: 5px 0;
+      min-height: 20px;
+
+      .keyword-tag {
+        padding: 0px 8px;
+        margin-top: 5px;
+        float: left;
+        line-height: 24px;
+        font-size: 12px;
+        border-radius: 2px;
+        margin-right: 8px;
+        color: #2974D6;
+        height: 24px;
+        background: rgba(41, 116, 214, 0.1);
+        font-weight: 450;
+        display: inline-block;
+      }
     }
   ::v-deep .el-rate__icon {
     font-size: 20px;