hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-11 20:06:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

内容导航样式调整

Browse Source
This commit is contained in:
670788339
2025-11-07 09:42:57 +08:00
parent 28a000a74e
commit e8c5c5acdb
1 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/views/portal/course/Index.vue
View File

@@ -2636,10 +2636,16 @@ handleClearTags() {
/* ---end--- */ /* ---end--- */
/* ---标签管理 added by zhengsongbo on 2025-08-01--- */ /* ---标签管理 added by zhengsongbo on 2025-08-01--- */
.search-div.nav { .search-div.nav {
display: block; display: flex;
width: 100%; flex-direction: column;
clear: both; height: auto;
min-height: 100px;
} }
.hot-tags-area {
width: 100%;
margin-top: 15px;
}
.option-item { .option-item {
margin: 0px 5px; margin: 0px 5px;
} }
@@ -2711,16 +2717,6 @@ a.custom2 {
color: #387DF7 !important; // 匹配时的蓝色 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样式以适应换行布局 */
.option-item { .option-item {
position: relative; position: relative;
@@ -2753,13 +2749,21 @@ a.custom2 {
} }
.hot-tags-wrapper { .hot-tags-wrapper {
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: repeat(auto-fill, minmax(120px, max-content));
gap: 15px; gap: 15px 20px;
align-items: center; align-items: center;
padding-top: 2px; 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 { .course-tags {
margin: 5px 0; margin: 5px 0;
min-height: 20px; min-height: 20px;