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

课程库标签样式

Browse Source
This commit is contained in:
670788339
2025-11-04 18:44:09 +08:00
parent 51c3d29854
commit 25cb97f462
2 changed files with 44 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Course/courseTag.vue
View File

@@ -345,4 +345,28 @@ export default {
line-height: 25px; /* 垂直居中文字 */ line-height: 25px; /* 垂直居中文字 */
box-sizing: border-box; /* 确保padding包含在height内 */ box-sizing: border-box; /* 确保padding包含在height内 */
} }
::v-deep(.el-select__tags) {
display: flex;
flex-wrap: wrap;
align-items: center;
}
::v-deep(.el-tag) {
flex: 0 0 calc(50% - 8px);
max-width: calc(50% - 8px);
box-sizing: border-box;
margin-right: 8px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
::v-deep(.el-select__input) {
flex: 1;
min-width: 60px;
}
</style> </style>

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

@@ -2682,20 +2682,27 @@ a.custom2 {
} }
/* 添加标签样式 */ /* 添加标签样式 */
.course-tags { //.course-tags {
margin: 5px 0; // margin: 5px 0;
min-height: 20px; // min-height: 20px;
//}
//.course-tags ::v-deep .el-tag {
// color: #387DF7 !important;
// border-color: #387DF7 !important;
//}
//.course-tags ::v-deep .el-tag .el-tag__close {
// color: #387DF7 !important;
//}
//.course-tags ::v-deep .el-tag .el-tag__close:hover {
// background-color: #387DF7 !important;
// color: white !important;
//}
.course-tag-item {
color: #333333; // 默认深灰色
} }
.course-tags ::v-deep .el-tag { .course-tag-item[style*="color: #387DF7"] {
color: #387DF7 !important; color: #387DF7 !important; // 匹配时的蓝色
border-color: #387DF7 !important;
}
.course-tags ::v-deep .el-tag .el-tag__close {
color: #387DF7 !important;
}
.course-tags ::v-deep .el-tag .el-tag__close:hover {
background-color: #387DF7 !important;
color: white !important;
} }
/* 添加热点标签容器样式，支持换行 */ /* 添加热点标签容器样式，支持换行 */