From e534fcb4a14722973687d0b73cde572a0cc1a65d Mon Sep 17 00:00:00 2001
From: 670788339 <670788339@qq.com>
Date: Thu, 13 Nov 2025 12:02:41 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/course/Index.vue | 56 ++++++++++++++++++++++++++-----
 1 file changed, 48 insertions(+), 8 deletions(-)

diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index 9d628a28..10ed3e9f 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -101,7 +101,7 @@
               </div>
               <!-- 修改热点标签区域 -->
               <div style="margin: 10px 0;">
-                <div class="hot-tags-wrapper">
+<!--                <div class="hot-tags-wrapper">
                   <div class="hot-tags-wrapper">
                     <div
                       class="option-item"        style=" padding-top: 2px;"
@@ -112,7 +112,7 @@
                       <span :class="isAllHotTagsSelected ? 'nav-bottbor' : ''"></span>
                     </div>
 
-<!--                    <div
+&lt;!&ndash;                    <div
                       class="option-item"        style=" padding-top: 2px;"
                       v-for="tag in hotTagsList"
                       :key="tag.id"
@@ -121,29 +121,50 @@
                     >
                       <span>{{tag.tagName}}</span>
                       <span :class="tag.checked ? 'nav-bottbor' : ''"></span>
-                    </div>-->
-                    <!-- 第一行的热点标签 -->
+                    </div>&ndash;&gt;
+                    &lt;!&ndash; 第一行的热点标签 &ndash;&gt;
                     <div v-for="(tag, index) in firstRowTags" :key="tag.id"
                          class="option-item" style="padding-top: 2px;"
                          @click="handleTagClick(tag, hotTagsList, 1)"
                          :class="{ 'option-active': tag.checked }">
                       <span>{{ tag.tagName }}</span>
-<!--                      <span :class="tag.checked ? 'nav-bottbor' : ''"></span>-->
+&lt;!&ndash;                      <span :class="tag.checked ? 'nav-bottbor' : ''"></span>&ndash;&gt;
                     </div>
                   </div>
-                  <!-- 第二行热点标签 -->
+                  &lt;!&ndash; 第二行热点标签 &ndash;&gt;
                   <div class="hot-tags-row" v-if="secondRowTags.length > 0">
-                    <!-- 第二行的热点标签 -->
+                    &lt;!&ndash; 第二行的热点标签 &ndash;&gt;
                     <div v-for="(tag, index) in secondRowTags" :key="tag.id"
                          class="option-item" style="padding-top: 2px;"
                          @click="handleTagClick(tag, hotTagsList, 1)"
                          :class="{ 'option-active': tag.checked }">
                       <span>{{ tag.tagName }}</span>
-<!--                      <span :class="tag.checked ? 'nav-bottbor' : ''"></span>-->
+&lt;!&ndash;                      <span :class="tag.checked ? 'nav-bottbor' : ''"></span>&ndash;&gt;
                     </div>
                   </div>
+                </div>-->
 
+                <div style="flex:1;" id="searchBox">
+                  <div class="field">
+                    <div
+                      class="option-item"        style=" padding-top: 2px;"
+                      :class="{ 'option-active': isAllHotTagsSelected }"
+                      @click="handleClearHotTags"
+                    >
+                      <span>全部</span>
+                      <span :class="isAllHotTagsSelected ? 'nav-bottbor' : ''"></span>
+                    </div>
+                    <div class="fieldbox">
+                      <div v-for="(tag, index) in firstRowTags" :key="tag.id"
+                           class="option-item" style="padding-top: 2px;"
+                           @click="handleTagClick(tag, hotTagsList, 1)"
+                           :class="{ 'option-active': tag.checked }">
+                        <span>{{ tag.tagName }}</span>
+                      </div>
+                    </div>
+                  </div>
                 </div>
+
               </div>
             </div>
             <!--            <div id="fixd-box" class="upload" style="margin-left: 26px;">
@@ -2798,6 +2819,25 @@ a.custom2 {
 
 
 
+.fieldbox {
+
+  display: flex;
+  white-space: nowrap;
+  flex-wrap: wrap;
+
+  div {
+    padding: 0 15px;
+    display: inline-block;
+    font-size: 14px;
+    line-height: 25px;
+    color: #3d3d3d;
+    font-weight: 500;
+  }
+
+  .fieldactive {
+    color: #387DF7;
+  }
+}