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

调试

Browse Source
This commit is contained in:
670788339
2025-11-13 10:31:02 +08:00
parent 37b7237378
commit c94910e381
1 changed files with 45 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2663,15 +2663,15 @@ a.custom2 {
} }
} }
// 2025-11-07 10:00 修改 // 2025-11-07 10:00 修改
.hot-tags-wrapper { //.hot-tags-wrapper {
display: flex; // display: flex;
flex-wrap: wrap; // flex-wrap: wrap;
gap: 15px; // gap: 15px;
align-items: center; // align-items: center;
padding-top: 2px; // padding-top: 2px;
margin-left: 0; // 重置默认margin // margin-left: 0; // 重置默认margin
padding-left: 0; // 重置默认padding // padding-left: 0; // 重置默认padding
} //}
.nav-primary { .nav-primary {
// 确保导航项容器没有额外的padding影响对齐 // 确保导航项容器没有额外的padding影响对齐
padding-left: 0; padding-left: 0;
@@ -2723,4 +2723,40 @@ a.custom2 {
background-color: transparent !important; background-color: transparent !important;
} }
/* 纯CSS方案：通过nth-child选择器控制布局 */
.hot-tags-wrapper {
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: center;
margin-left: 85px; /* 整体向右偏移，与分类导航对齐 */
}
/* 前6个标签（全部+前5个热点）在第一行 */
.hot-tags-wrapper .option-item:nth-child(-n+6) {
order: 1;
}
/* 第7个及以后的标签在第二行 */
.hot-tags-wrapper .option-item:nth-child(n+7) {
order: 2;
margin-left: 0; /* 第二行从最左边开始 */
}
/* 创建伪元素来模拟第二行的缩进 */
.hot-tags-wrapper::after {
content: '';
width: 100%;
order: 2;
}
/* 为第二行添加缩进 */
.hot-tags-wrapper .option-item:nth-child(n+7):first-child {
margin-left: 85px; /* 第二行第一个标签与第一行第一个对齐 */
}
</style> </style>