热点标签调试

src/views/portal/course/Index.vue

@@ -385,9 +385,17 @@
                       <span v-if="cinfo.type == 40" class="course-type-left">学习项目</span>
                     </div>
                     <div class="course-title two-line-ellipsis" :title="cinfo.title" v-html="cinfo.name"></div>
-                    <el-tag v-for="tag in cinfo.tagList" v-if="cinfo.tagList && cinfo.tagList.length > 0" :style="{ color: '',margin: '5px'}">
-                      {{tag.tagName}}
-                    </el-tag>
+                    <!-- 添加标签显示区域 -->
+                    <div class="course-tags" v-if="cinfo.tagsList && cinfo.tagsList.length > 0">
+                      <el-tag
+                        v-for="(tag, tagIndex) in cinfo.tagsList"
+                        :key="tagIndex"
+                        size="mini"
+                        type="info"          style="margin: 2px 2px; border-radius: 2px;"
+                      >
+                        {{ tag }}
+                      </el-tag>
+                    </div>
                     <!-- 关键字 -->
                     <div class="keywordInfo-every">
                       <div class="keywordInfo" v-for="(keyword, index) in cinfo.keywordsActive" :key="index">
@@ -2637,5 +2645,22 @@ a.custom2 {
 .hot-tags-container::-webkit-scrollbar {
   display: none;
 }
+
+/* 添加标签样式 */
+.course-tags {
+  margin: 5px 0;
+  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;
+}
 /* ---end--- */
 </style>