From e34a5723906104ce31d6bd1f209e6484d61f8331 Mon Sep 17 00:00:00 2001
From: 670788339 <670788339@qq.com>
Date: Thu, 13 Nov 2025 18:57:36 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B2=BE=E5=93=81=E8=AF=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/course/qualityCourse.vue | 86 ++++++++++++++++++-----
 1 file changed, 67 insertions(+), 19 deletions(-)

diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue
index cd604b03..6d2d0a6e 100644
--- a/src/views/portal/course/qualityCourse.vue
+++ b/src/views/portal/course/qualityCourse.vue
@@ -61,18 +61,18 @@
                   <div @click="handleTypeClick(ctypeList[0], ctypeList)" class="option-item"
                        :class="{ 'option-active': ctypeList[0].checked }">
                     <a>全部</a>
-                    <span :class="ctypeList[0].checked ? 'nav-bottbor' : ''"></span>
+<!--                    <span :class="ctypeList[0].checked ? 'nav-bottbor' : ''"></span>-->
                   </div>
 
                   <div @click="handleTypeClick(ctypeList[1], ctypeList)" class="option-item"
                        :class="{ 'option-active': ctypeList[1].checked }" style="padding-left: 15px;">
                     <a>内部专享</a>
-                    <span :class="ctypeList[1].checked ? 'nav-bottbor' : ''"></span>
+<!--                    <span :class="ctypeList[1].checked ? 'nav-bottbor' : ''"></span>-->
                   </div>
                   <div @click="handleTypeClick(ctypeList[2], ctypeList)" class="option-item"
                        :class="{ 'option-active': ctypeList[2].checked }" style="padding-left: 15px;">
                     <a>外部精选</a>
-                    <span :class="ctypeList[2].checked ? 'nav-bottbor' : ''"></span>
+<!--                    <span :class="ctypeList[2].checked ? 'nav-bottbor' : ''"></span>-->
                   </div>
                 </div>
 
@@ -90,34 +90,62 @@
                 </div>
               </div>
 
-              <div style="margin-top:10px;flex: 1;">
+<!--              <div style="margin-top:10px;flex: 1;">-->
+<!--                &lt;!&ndash; 修改热点标签容器，支持换行 &ndash;&gt;-->
+<!--                <div class="hot-tags-wrapper" style="display: flex;">-->
+<!--                  <div class="hot-tags-wrapper" style="display: flex; align-items: center;">-->
+<!--                    <div-->
+<!--                      class="option-item"-->
+<!--                      style=" padding-top: 2px; margin-left: 15px;"-->
+<!--                      :class="{ 'option-active': isAllHotTagsSelected }"-->
+<!--                      @click="handleClearHotTags"-->
+<!--                    >-->
+<!--                      <span>全部</span>-->
+<!--                    </div>-->
+
+<!--                    <div-->
+<!--                      class="option-item"-->
+<!--                      style=" padding-top: 2px;"-->
+<!--                      v-for="tag in hotTagsList"-->
+<!--                      :key="tag.id"-->
+<!--                      @click="handleTagClick(tag, hotTagsList,1)"-->
+<!--                      :class="{ 'option-active': tag.checked }"-->
+<!--                    >-->
+<!--                      <span>{{tag.tagName}}</span>-->
+<!--                    </div>-->
+<!--                  </div>-->
+<!--                </div>-->
+<!--              </div>-->
+
+              <div style="margin:20px 0;flex: 1;">
                 <!-- 修改热点标签容器，支持换行 -->
-                <div class="hot-tags-wrapper" style="display: flex;">
-                  <div class="hot-tags-wrapper" style="display: flex; align-items: center;">
+                <div>
+                  <div style="display: flex">
                     <div
-                      class="option-item"
-                      style=" padding-top: 2px; margin-left: 15px;"
+                      class="option-item"        style=" padding-top: 2px;"
                       :class="{ 'option-active': isAllHotTagsSelected }"
                       @click="handleClearHotTags"
                     >
                       <span>全部</span>
-                      <span :class="isAllHotTagsSelected ? 'nav-bottbor' : ''"></span>
                     </div>
 
-                    <div
-                      class="option-item"
-                      style=" padding-top: 2px;"
-                      v-for="tag in hotTagsList"
-                      :key="tag.id"
-                      @click="handleTagClick(tag, hotTagsList,1)"
-                      :class="{ 'option-active': tag.checked }"
-                    >
-                      <span>{{tag.tagName}}</span>
-                      <span :class="tag.checked ? 'nav-bottbor' : ''"></span>
+                    <div class="fieldbox" style="padding-left: 15px;">
+                      <div
+                        class="option-item"        style=" padding-top: 2px;"
+                        v-for="tag in hotTagsList"
+                        :key="tag.id"
+                        @click="handleTagClick(tag, hotTagsList,1)"
+                        :class="{ 'option-active': tag.checked }"
+                      >
+                        <span>{{tag.tagName}} </span>
+                        <!--                            <span :class="tag.checked ? 'nav-bottbor' : ''"></span>-->
+                      </div>
                     </div>
+
                   </div>
                 </div>
               </div>
+
             </div>
 
 
@@ -2380,4 +2408,24 @@ export default {
   font-weight: bold;
   background-color: transparent !important;
 }
+
+.fieldbox {
+
+ display: flex;
+ white-space: nowrap;
+ flex-wrap: wrap;
+
+ div {
+   margin: 0 15px;
+   display: inline-block;
+   font-size: 14px;
+   line-height: 25px;
+   //color: #3d3d3d;
+   font-weight: 500;
+ }
+
+ .fieldactive {
+   color: #387DF7;
+ }
+}
 </style>