From 44ccf8db6d63259c135f40eb561ef2000d85a6d7 Mon Sep 17 00:00:00 2001
From: 670788339 <670788339@qq.com>
Date: Mon, 3 Nov 2025 19:10:51 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Course/courseTag.vue | 54 ++++-------------------------
 1 file changed, 6 insertions(+), 48 deletions(-)

diff --git a/src/components/Course/courseTag.vue b/src/components/Course/courseTag.vue
index c54f3c85..424a1128 100644
--- a/src/components/Course/courseTag.vue
+++ b/src/components/Course/courseTag.vue
@@ -27,9 +27,9 @@
       />
     </el-select>
     <!-- 添加标签计数显示 -->
-    <div class="tag-count">
-      {{ selectedTags.length }}/5
-    </div>
+  </div>
+  <div class="tag-count">
+    {{ selectedTags.length }}/5
   </div>
 </template>
 
@@ -300,7 +300,6 @@ export default {
 <style scoped>
 .tag-container {
   position: relative;
-  padding-right: 50px;
 }
 .tag-preview {
   margin-top: 8px;
@@ -312,54 +311,13 @@ export default {
 
 .tag-count {
   position: absolute;
-  right: 8px;
+  right: 10px;
   top: 50%;
   transform: translateY(-50%);
   font-size: 12px;
-  color: #909399;
+  color: #999;
   background: white;
-  padding: 2px 6px;
-  border-radius: 3px;
+  padding: 0 5px;
   pointer-events: none;
-  z-index: 10;
-  /* 添加边框和阴影使其更清晰 */
-  border: 1px solid #e4e7ed;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-  /* 最小宽度确保数字对齐 */
-  min-width: 35px;
-  text-align: center;
-  font-weight: 500;
 }
-
-/* 通过调整el-select的样式来避免遮挡 */
-.tag-container ::v-deep .el-select {
-  width: 100%;
-}
-
-.tag-container ::v-deep .el-select .el-input__inner {
-  padding-right: 60px !important;
-}
-
-.tag-container ::v-deep .el-select__tags {
-  max-width: calc(100% - 50px);
-  padding-right: 0 !important;
-}
-
-.tag-container ::v-deep .el-select .el-input__suffix {
-  right: 40px;
-}
-
-.tag-container ::v-deep .el-select .el-input__suffix-inner {
-  margin-right: 0;
-}
-
-.tag-preview {
-  margin-top: 8px;
-}
-
-.el-tag {
-  margin-right: 6px;
-  margin-bottom: 6px;
-}
-
 </style>