From 28a000a74e63ccf5dfcbafeb3aa8b5cfedb127b4 Mon Sep 17 00:00:00 2001
From: 670788339 <670788339@qq.com>
Date: Fri, 7 Nov 2025 09:31:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=85=E5=AE=B9=E5=AF=BC=E8=88=AA=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/course/Index.vue | 37 ++++++++++++++++++++++++++-----
 1 file changed, 31 insertions(+), 6 deletions(-)

diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index 2c2579e2..d15afbb1 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -283,7 +283,7 @@
           </div> -->
           <!-- 内容导航 -->
           <div class="topNav" v-if="!newData">
-            <div class="search-div nav" style="height: 100px;flex: 1;">
+            <div class="search-div nav" style="flex: 1;height: auto;">
               <div @click="handleTypeAllClick(1)" class="option-item" style="font-weight: bold;position: relative;margin-right: 20px;" :class="{ 'option-active': ctypeTagAll }">
                 <a>全部</a>
                 <span :class="ctypeTagAll ? 'nav-bottbor' : ''"></span>
@@ -1856,6 +1856,9 @@ handleClearTags() {
 .topNav {
   display: flex;
   margin-bottom: 20px;
+  height: auto;
+  min-height: 80px;
+  align-items: center;
 
   .nav {
     display: flex;
@@ -2333,8 +2336,8 @@ handleClearTags() {
   margin-left: 15px;
   font-size: 14px;
   color: #3d3d3d;
-  cursor: pointer;
-  position: relative;
+  //cursor: pointer;
+  //position: relative;
 }
 
 .uxicon {
@@ -2465,6 +2468,8 @@ handleClearTags() {
     background: #fff;
     padding: 10px 25px;
     border-radius: 8px;
+    height: auto;
+    min-height: 60px;
 
     ::v-deep .el-input {
       width: 420px;
@@ -2588,7 +2593,8 @@ handleClearTags() {
   color: #3d3d3d;
   display: inline-block;
   font-size: 14px;
-  margin: 0px 15px;
+  //margin: 0px 15px;
+  font-weight: normal;
 }
 
 .option-border {
@@ -2672,7 +2678,7 @@ a.custom2 {
 
 .hot-tags-container {
   display: inline-block;
-  white-space: nowrap;
+  //white-space: nowrap;
   overflow-x: auto;
   vertical-align: top;
 }
@@ -2745,5 +2751,24 @@ a.custom2 {
     gap: 5px;
   }
 }
-/* ---end--- */
+
+.hot-tags-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+  align-items: center;
+  padding-top: 2px;
+}
+
+.course-tags {
+  margin: 5px 0;
+  min-height: 20px;
+}
+
+.course-tag-item {
+  color: #333333;
+}
+.course-tag-item[style*="color: #387DF7"] {
+  color: #387DF7 !important;
+}
 </style>