From 51c3d298541d8957e6a283beffc41400e2766034 Mon Sep 17 00:00:00 2001
From: 670788339 <670788339@qq.com>
Date: Tue, 4 Nov 2025 17:48:59 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=A0=B7=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 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index 8dd22570..ee529bd8 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -284,7 +284,7 @@
           <!-- 内容导航 -->
           <div class="topNav" v-if="!newData">
             <div class="search-div nav" style="height: 100px;flex: 1;">
-              <div @click="handleTypeAllClick(1)" class="option-item" style="font-weight: bold;padding-right: 20px" :class="{ 'option-active': ctypeTagAll }">
+              <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>
               </div>

From 25cb97f462c40b97e1ff50d9ca750d5657c72cbc Mon Sep 17 00:00:00 2001
From: 670788339 <670788339@qq.com>
Date: Tue, 4 Nov 2025 18:44:09 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E5=BA=93=E6=A0=87?=
 =?UTF-8?q?=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/components/Course/courseTag.vue | 24 +++++++++++++++++++++
 src/views/portal/course/Index.vue   | 33 +++++++++++++++++------------
 2 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/src/components/Course/courseTag.vue b/src/components/Course/courseTag.vue
index 74483d77..4b64113c 100644
--- a/src/components/Course/courseTag.vue
+++ b/src/components/Course/courseTag.vue
@@ -345,4 +345,28 @@ export default {
   line-height: 25px; /* 垂直居中文字 */
   box-sizing: border-box; /* 确保padding包含在height内 */
 }
+
+
+
+::v-deep(.el-select__tags) {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+::v-deep(.el-tag) {
+  flex: 0 0 calc(50% - 8px);
+  max-width: calc(50% - 8px);
+  box-sizing: border-box;
+  margin-right: 8px;
+  margin-bottom: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+::v-deep(.el-select__input) {
+  flex: 1;
+  min-width: 60px;
+}
 </style>
diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index ee529bd8..75704561 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -2682,20 +2682,27 @@ a.custom2 {
 }
 
 /* 添加标签样式 */
-.course-tags {
-  margin: 5px 0;
-  min-height: 20px;
+//.course-tags {
+//  margin: 5px 0;
+//  min-height: 20px;
+//}
+//.course-tags ::v-deep .el-tag {
+//  color: #387DF7 !important;
+//  border-color: #387DF7 !important;
+//}
+//.course-tags ::v-deep .el-tag .el-tag__close {
+//  color: #387DF7 !important;
+//}
+//.course-tags ::v-deep .el-tag .el-tag__close:hover {
+//  background-color: #387DF7 !important;
+//  color: white !important;
+//}
+
+.course-tag-item {
+  color: #333333; // 默认深灰色
 }
-.course-tags ::v-deep .el-tag {
-  color: #387DF7 !important;
-  border-color: #387DF7 !important;
-}
-.course-tags ::v-deep .el-tag .el-tag__close {
-  color: #387DF7 !important;
-}
-.course-tags ::v-deep .el-tag .el-tag__close:hover {
-  background-color: #387DF7 !important;
-  color: white !important;
+.course-tag-item[style*="color: #387DF7"] {
+  color: #387DF7 !important; // 匹配时的蓝色
 }
 
 /* 添加热点标签容器样式，支持换行 */