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

内容导航样式调整

Browse Source
This commit is contained in:
670788339
2025-11-07 09:31:26 +08:00
parent 30b466ed2b
commit 28a000a74e
1 changed files with 31 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -283,7 +283,7 @@
</div> --> </div> -->
<!-- 内容导航 --> <!-- 内容导航 -->
<div class="topNav" v-if="!newData"> <div class="topNav" v-if="!newData">
<div class="search-div nav" style="height: 100px;flex: 1;"> <div class="search-div nav" style="flex: 1;height: auto;">
<div @click="handleTypeAllClick(1)" class="option-item" style="font-weight: bold;position: relative;margin-right: 20px;" :class="{ 'option-active': ctypeTagAll }"> <div @click="handleTypeAllClick(1)" class="option-item" style="font-weight: bold;position: relative;margin-right: 20px;" :class="{ 'option-active': ctypeTagAll }">
<a>全部</a> <a>全部</a>
<span :class="ctypeTagAll ? 'nav-bottbor' : ''"></span> <span :class="ctypeTagAll ? 'nav-bottbor' : ''"></span>
@@ -1856,6 +1856,9 @@ handleClearTags() {
.topNav { .topNav {
display: flex; display: flex;
margin-bottom: 20px; margin-bottom: 20px;
height: auto;
min-height: 80px;
align-items: center;
.nav { .nav {
display: flex; display: flex;
@@ -2333,8 +2336,8 @@ handleClearTags() {
margin-left: 15px; margin-left: 15px;
font-size: 14px; font-size: 14px;
color: #3d3d3d; color: #3d3d3d;
cursor: pointer; //cursor: pointer;
position: relative; //position: relative;
} }
.uxicon { .uxicon {
@@ -2465,6 +2468,8 @@ handleClearTags() {
background: #fff; background: #fff;
padding: 10px 25px; padding: 10px 25px;
border-radius: 8px; border-radius: 8px;
height: auto;
min-height: 60px;
::v-deep .el-input { ::v-deep .el-input {
width: 420px; width: 420px;
@@ -2588,7 +2593,8 @@ handleClearTags() {
color: #3d3d3d; color: #3d3d3d;
display: inline-block; display: inline-block;
font-size: 14px; font-size: 14px;
margin: 0px 15px; //margin: 0px 15px;
font-weight: normal;
} }
.option-border { .option-border {
@@ -2672,7 +2678,7 @@ a.custom2 {
.hot-tags-container { .hot-tags-container {
display: inline-block; display: inline-block;
white-space: nowrap; //white-space: nowrap;
overflow-x: auto; overflow-x: auto;
vertical-align: top; vertical-align: top;
} }
@@ -2745,5 +2751,24 @@ a.custom2 {
gap: 5px; gap: 5px;
} }
} }
/* ---end--- */
.hot-tags-wrapper {
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: center;
padding-top: 2px;
}
.course-tags {
margin: 5px 0;
min-height: 20px;
}
.course-tag-item {
color: #333333;
}
.course-tag-item[style*="color: #387DF7"] {
color: #387DF7 !important;
}
</style> </style>