From 5f42a95f47168c69a24f229a8314917088d2e7fc Mon Sep 17 00:00:00 2001
From: 670788339 <670788339@qq.com>
Date: Mon, 3 Nov 2025 19:06:22 +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 | 47 ++++++++++++++++++++++++++---
 1 file changed, 42 insertions(+), 5 deletions(-)

diff --git a/src/components/Course/courseTag.vue b/src/components/Course/courseTag.vue
index 2f9519c6..c54f3c85 100644
--- a/src/components/Course/courseTag.vue
+++ b/src/components/Course/courseTag.vue
@@ -300,6 +300,7 @@ export default {
 <style scoped>
 .tag-container {
   position: relative;
+  padding-right: 50px;
 }
 .tag-preview {
   margin-top: 8px;
@@ -309,20 +310,56 @@ export default {
   margin-bottom: 6px;
 }
 
-/* 优化内部计数器样式 */
 .tag-count {
   position: absolute;
-  right: 30px; /* 避开下拉箭头 */
+  right: 8px;
   top: 50%;
   transform: translateY(-50%);
   font-size: 12px;
-  color: #999;
-  background: rgba(255, 255, 255, 0.9);
+  color: #909399;
+  background: white;
   padding: 2px 6px;
   border-radius: 3px;
   pointer-events: none;
-  z-index: 10; /* 确保在最上层 */
+  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>