From 6cdfe519412fdbcc39741a035a41e6b6b323b4cc Mon Sep 17 00:00:00 2001
From: 670788339 <670788339@qq.com>
Date: Sun, 9 Nov 2025 16:35:59 +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/qualityCourse.vue | 39 +++++++++++++----------
 1 file changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue
index c3392889..a95676c1 100644
--- a/src/views/portal/course/qualityCourse.vue
+++ b/src/views/portal/course/qualityCourse.vue
@@ -55,26 +55,30 @@
           <!-- 内容导航 -->
           <div class="topNav" v-if="!newData" style="display: flex; flex-direction: row;background-color:#fff;">
             <div class="search-div nav" style="flex: 1;height: auto;">
-              <div class="nav-primary" >
-                <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>
+              <!-- 修改后 -->
+              <div class="nav-primary" style="display: flex; justify-content: space-between; align-items: center;">
+                <div style="display: flex;">
+                  <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>
+                  </div>
+
+                  <div @click="handleTypeClick(ctypeList[1], ctypeList)" class="option-item"
+                       :class="{ 'option-active': ctypeList[1].checked }">
+                    <a>内部专享</a>
+                    <span :class="ctypeList[1].checked ? 'nav-bottbor' : ''"></span>
+                  </div>
+                  <div @click="handleTypeClick(ctypeList[2], ctypeList)" class="option-item"
+                       :class="{ 'option-active': ctypeList[2].checked }">
+                    <a>外部精选</a>
+                    <span :class="ctypeList[2].checked ? 'nav-bottbor' : ''"></span>
+                  </div>
                 </div>
 
-                <div @click="handleTypeClick(ctypeList[1], ctypeList)" class="option-item"
-                     :class="{ 'option-active': ctypeList[1].checked }">
-                  <a>内部专享</a>
-                  <span :class="ctypeList[1].checked ? 'nav-bottbor' : ''"></span>
-                </div>
-                <div @click="handleTypeClick(ctypeList[2], ctypeList)" class="option-item"
-                     :class="{ 'option-active': ctypeList[2].checked }">
-                  <a>外部精选</a>
-                  <span :class="ctypeList[2].checked ? 'nav-bottbor' : ''"></span>
-                </div>
-                <div style="display: flex;justify-content: space-between; align-items: center;">
+                <div style="display: flex; align-items: center;">
                   <span style="margin-right: 10px;" class="option-item">请选择年份 </span>
-                  <el-select v-model="yearChosen" multiple>
+                  <el-select v-model="yearChosen" multiple style="width: 150px;">
                     <el-option
                       v-for="year in years"
                       v-if="year"
@@ -86,6 +90,7 @@
                 </div>
               </div>
 
+
               <div style="margin-top:10px;flex: 1;">
                 <!-- 修改热点标签容器，支持换行 -->
                 <div class="hot-tags-wrapper">