From 2678d223025b1f1b5fba46367f59088b20d1070b Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 09:06:44 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E7=BB=93=E6=9E=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 218 ++++++++++++++++++------------ 1 file changed, 130 insertions(+), 88 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index 2c2579e2..4a6bab16 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -283,58 +283,59 @@ -->
-
-
- 全部 - +
+
+
+ 全部 + +
+
+ 录播课 + +
+
+ 线下课 + +
+
+ 学习项目 + +
+ + U选小课堂 + + + + +
-
- 录播课 - -
-
- 线下课 - -
-
- 学习项目 - -
- - U选小课堂 - - - - -
-
-
- 全部 - -
+
+
+ 全部 + +
-
- {{tag.tagName}} - +
+ {{tag.tagName}} + +
@@ -1036,33 +1037,33 @@ export default { this.searchData(1); }, // 清除 -handleClearTags() { - //清空所有的条件 - this.keyword = ''; - this.ctypeList.forEach(item => { - item.checked = false; - }); - this.hotTagsList.forEach(item => { - item.checked = false; - }); - this.course.tags = ''; // 清空标签ID - - // 添加清除三级分类的逻辑 - this.oneList.forEach(one => { - one.checked = false; - one.children.forEach(two => { - two.checked = false; - two.children.forEach(three => { - three.checked = false; + handleClearTags() { + //清空所有的条件 + this.keyword = ''; + this.ctypeList.forEach(item => { + item.checked = false; }); - }); - }); + this.hotTagsList.forEach(item => { + item.checked = false; + }); + this.course.tags = ''; // 清空标签ID - // 清空导航标题 - this.navTitle = []; + // 添加清除三级分类的逻辑 + this.oneList.forEach(one => { + one.checked = false; + one.children.forEach(two => { + two.checked = false; + two.children.forEach(three => { + three.checked = false; + }); + }); + }); - this.searchData(); -}, + // 清空导航标题 + this.navTitle = []; + + this.searchData(); + }, // 导航切换(录播课，线下课，学习项目) handleTypeClick(item, list) { item.checked = !item.checked; @@ -1580,7 +1581,7 @@ handleClearTags() { if (item.teacher) { item.teacher = item.teacher.split(',').filter(itemValue => itemValue !== 'BOE教师').join(','); // if (dotIdx > 0) { - // item.teacher = item.teacher.substring(0, dotIdx); + // item.teacher = item.teacher.substring(0, dotIdx); // } } if (item.teacher && item.teacher == 'BOE教师') { @@ -1856,6 +1857,9 @@ handleClearTags() { .topNav { display: flex; margin-bottom: 20px; + height: auto; + min-height: 80px; + align-items: center; .nav { display: flex; @@ -2333,8 +2337,8 @@ handleClearTags() { margin-left: 15px; font-size: 14px; color: #3d3d3d; - cursor: pointer; - position: relative; + //cursor: pointer; + //position: relative; } .uxicon { @@ -2465,6 +2469,8 @@ handleClearTags() { background: #fff; padding: 10px 25px; border-radius: 8px; + height: auto; + min-height: 60px; ::v-deep .el-input { width: 420px; @@ -2588,7 +2594,8 @@ handleClearTags() { color: #3d3d3d; display: inline-block; font-size: 14px; - margin: 0px 15px; + //margin: 0px 15px; + font-weight: normal; } .option-border { @@ -2602,7 +2609,7 @@ handleClearTags() { .option-active { color: #387DF7; } - /* 项目简介 方法一：外部 CSS 类 */ +/* 项目简介 方法一：外部 CSS 类 */ ::v-deep.el-dialog { border-radius: 3% 3% 1% 1%; padding: 0; @@ -2628,12 +2635,23 @@ handleClearTags() { padding: 0 !important; } /* ---end--- */ -/* ---标签管理 added by zhengsongbo on 2025-08-01--- */ +// 2025-11-07 10:00 修改 .search-div.nav { display: block; width: 100%; clear: both; } +//.search-div.nav { +// display: flex; +// flex-direction: column; +// height: auto; +// min-height: 100px; +//} +//.hot-tags-area { +// width: 100%; +// margin-top: 15px; +//} + .option-item { margin: 0px 5px; } @@ -2672,7 +2690,7 @@ a.custom2 { .hot-tags-container { display: inline-block; - white-space: nowrap; + //white-space: nowrap; overflow-x: auto; vertical-align: top; } @@ -2705,16 +2723,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; @@ -2745,5 +2753,39 @@ a.custom2 { gap: 5px; } } -/* ---end--- */ +// 2025-11-07 10:00 修改 +.hot-tags-wrapper { + display: flex; + flex-wrap: wrap; + gap: 15px; + align-items: center; + padding-top: 2px; +} +//.hot-tags-wrapper { +// display: grid; +// grid-template-columns: repeat(auto-fill, minmax(120px, max-content)); +// gap: 15px 20px; +// align-items: center; +// 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; +} + +.course-tag-item { + color: #333333; +} +.course-tag-item[style*="color: #387DF7"] { + color: #387DF7 !important; +} From 372a7c22edb236f46ed1e14b238156c52598a32d Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 09:29:40 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=9D=A1=E4=BB=B6?= =?UTF-8?q?=E5=8F=96=E6=B6=88=E7=BA=A2=E8=89=B2=E6=A0=87=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index 4a6bab16..1d43487d 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -355,8 +355,7 @@
搜索条件: - + {{ tag.tagName }}