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-11 10:20:53 +08:00
parent a399bf3165
commit de0ef5d501
1 changed files with 29 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/portal/course/Detail.vue
View File

@@ -30,8 +30,13 @@
<!-- <div class="course-title-right"> --> <!-- <div class="course-title-right"> -->
<!-- <interactBar :readonly="!stuStusts || stuStusts==0" :type="1" :data="courseInfo" :comments="false" :views="false"></interactBar> --> <!-- <interactBar :readonly="!stuStusts || stuStusts==0" :type="1" :data="courseInfo" :comments="false" :views="false"></interactBar> -->
<!-- </div> --> <!-- </div> -->
<div class="label-div"> <!-- <div class="label-div">
<el-tag class="label-item" effect="plain" v-for="(item,tagIdx) in tagArray" :key="tagIdx">{{item}}</el-tag> <el-tag class="label-item" effect="plain" v-for="(item,tagIdx) in tagArray" :key="tagIdx">{{item}}</el-tag>
</div>-->
<div class="label-div">
<div v-for="(item, tagIdx) in tagArray" :key="tagIdx" class="keyword-tag">
{{ item }}
</div>
</div> </div>
<div> <div>
<div class="study-count">{{courseInfo.studys}}人学习</div> <div class="study-count">{{courseInfo.studys}}人学习</div>
@@ -458,10 +463,28 @@ export default {
color: #444444; color: #444444;
} }
//.label-div {
// margin: 5px 0;
// min-height: 20px;
// .label-item {
// padding: 0px 8px;
// margin-top: 5px;
// float: left;
// line-height: 24px;
// font-size: 12px;
// border-radius: 2px;
// margin-right: 8px;
// color: #2C68FF;
// height: 24px;
// background: rgba(44, 104, 255, 0.06);
// border: none; // 或者使用 border-color: transparent;
// }
//}
.label-div { .label-div {
margin: 5px 0; margin: 5px 0;
min-height: 20px; min-height: 20px;
.label-item {
.keyword-tag {
padding: 0px 8px; padding: 0px 8px;
margin-top: 5px; margin-top: 5px;
float: left; float: left;
@@ -469,10 +492,11 @@ export default {
font-size: 12px; font-size: 12px;
border-radius: 2px; border-radius: 2px;
margin-right: 8px; margin-right: 8px;
color: #2C68FF; color: #2974D6;
height: 24px; height: 24px;
background: rgba(44, 104, 255, 0.06); background: rgba(41, 116, 214, 0.1);
border: none; // 或者使用 border-color: transparent; font-weight: 450;
display: inline-block;
} }
} }
::v-deep .el-rate__icon { ::v-deep .el-rate__icon {