From e8c5c5acdbe627560d215577adb1607e57e5edf8 Mon Sep 17 00:00:00 2001
From: 670788339 <670788339@qq.com>
Date: Fri, 7 Nov 2025 09:42:57 +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 | 40 +++++++++++++++++--------------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index d15afbb1..5ee6caad 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -2636,10 +2636,16 @@ handleClearTags() {
 /* ---end--- */
 /* ---标签管理 added by zhengsongbo on 2025-08-01--- */
 .search-div.nav {
-  display: block;
-  width: 100%;
-  clear: both;
+  display: flex;
+  flex-direction: column;
+  height: auto;
+  min-height: 100px;
 }
+.hot-tags-area {
+  width: 100%;
+  margin-top: 15px;
+}
+
 .option-item {
   margin: 0px 5px;
 }
@@ -2711,16 +2717,6 @@ a.custom2 {
   color: #387DF7 !important; // 匹配时的蓝色
 }
 
-/* 添加热点标签容器样式，支持换行 */
-.hot-tags-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 15px;
-  align-items: center;
-  padding-top: 2px;
-  //margin-left: 90px; /* 为"热点标签:"文本留出空间 */
-}
-
 /* 调整option-item样式以适应换行布局 */
 .option-item {
   position: relative;
@@ -2753,13 +2749,21 @@ a.custom2 {
 }
 
 .hot-tags-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 15px;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(120px, max-content));
+  gap: 15px 20px;
   align-items: center;
-  padding-top: 2px;
+  justify-items: start;
+  width: 100%;
+  padding: 10px 0;
+}
+.hot-tags-wrapper .option-item {
+  position: relative;
+  cursor: pointer;
+  white-space: nowrap;
+  padding: 5px 10px;
+  text-align: center;
 }
-
 .course-tags {
   margin: 5px 0;
   min-height: 20px;