diff --git a/src/views/CourseExchanged.vue b/src/views/CourseExchanged.vue index 69417c2..3fc3fc2 100644 --- a/src/views/CourseExchanged.vue +++ b/src/views/CourseExchanged.vue @@ -3268,7 +3268,6 @@ onActivated(() => { } .breadcrumb-course { - width: 70px; height: 20px; font-family: PingFangSC, PingFang SC; font-weight: 400; @@ -3278,6 +3277,8 @@ onActivated(() => { text-align: left; font-style: normal; cursor: pointer; + white-space: nowrap; /* 一行展示,不换行 */ + /* 移除固定宽度,让内容完全展示 */ } .breadcrumb-separator { @@ -8629,18 +8630,49 @@ onActivated(() => { } .comment-input { - width: 100%; - height: 36px; - padding: 8px 12px; - border: 1px solid #E6E6E6; - border-radius: 2px; - outline: none; - resize: none; - font-family: PingFangSC, PingFang SC; - font-size: 14px; - color: #333; - background: transparent; /* 透明背景 */ - box-sizing: border-box; + width: 100% !important; + height: 36px !important; + padding: 8px 12px !important; + border: 1px solid #E6E6E6 !important; + border-radius: 2px !important; + outline: none !important; + resize: none !important; /* 强制禁用调整大小功能 */ + font-family: PingFangSC, PingFang SC !important; + font-size: 14px !important; + color: #333 !important; + background: transparent !important; /* 透明背景 */ + box-sizing: border-box !important; + /* 完全移除 resize handle */ + -webkit-appearance: none !important; + -moz-appearance: none !important; + appearance: none !important; + /* 强制移除所有可能的 resize 样式 */ + max-height: 36px !important; + min-height: 36px !important; + overflow: hidden !important; +} + +/* 针对 webkit 浏览器强制移除 resize handle */ +.comment-input::-webkit-resizer { + display: none !important; + visibility: hidden !important; + opacity: 0 !important; + width: 0 !important; + height: 0 !important; +} + +/* 针对 Firefox 移除 resize handle */ +.comment-input::-moz-resizer { + display: none !important; + visibility: hidden !important; + opacity: 0 !important; + width: 0 !important; + height: 0 !important; +} + +/* 通用的 resizer 移除 */ +.comment-input::resizer { + display: none !important; } .comment-input::placeholder { diff --git a/src/views/SpecialTraining.vue b/src/views/SpecialTraining.vue index f4799d4..8f71c3f 100644 --- a/src/views/SpecialTraining.vue +++ b/src/views/SpecialTraining.vue @@ -203,6 +203,7 @@ const setActiveTab = (tabId: string) => { const goToPage = (page: number) => { if (page >= 1 && page <= totalPages.value) { currentPage.value = page + // 分页切换时保持当前滚动位置,不进行滚动 } } @@ -297,6 +298,7 @@ onMounted(() => { margin: 0 auto; padding: 40px 0; background-color: #fff; + min-height: 1000px; /* 确保内容区域有固定的最小高度 */ } .training-grid { @@ -304,6 +306,8 @@ onMounted(() => { grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 40px; + min-height: 860px; /* 固定最小高度:3行 × 280px + 2个gap × 20px = 860px */ + align-content: start; /* 内容从顶部开始排列 */ } /* 训练卡片 */ @@ -325,10 +329,9 @@ onMounted(() => { .card-content { padding:40px 40px 30px 40px; - height: 100%; + height: 280px; /* 固定高度,确保所有卡片高度一致 */ display: flex; flex-direction: column; - min-height: 250px } .training-title {