diff --git a/src/components/widgets/SyllabusWidget.vue b/src/components/widgets/SyllabusWidget.vue index f8ddb4a..48027cb 100644 --- a/src/components/widgets/SyllabusWidget.vue +++ b/src/components/widgets/SyllabusWidget.vue @@ -44,7 +44,9 @@ {{ cnNum(slot.slotNo) }} - {{ subjectOf(slot, day.index) }} + + {{ subjectOf(slot, day.index) }} + @@ -236,7 +238,7 @@ function reportHeight() { /* ⚠️ 表格类名必须用私有名(tt):用 my-table 会命中全局 componets/_my_table.scss, 带进 #c7c7c7 竖线与 th 灰底 ⇒「竖线明显 / 表头与卡头糊成一片 / 横线被压得看不见」 */ .table-wrap { - padding: 2px 15px 12px; + padding: 8px 8px 10px; } .tt { width: 100%; @@ -249,6 +251,9 @@ function reportHeight() { font-weight: 700; color: #344449; text-align: center; + // reset(meyerweb) 给 th/td 统一设了 vertical-align: baseline ⇒ 必须显式复位, + // 否则表头文字按基线对齐、偏上,视觉上像"贴住卡片 header" + vertical-align: middle; border: 0; border-bottom: 1px solid #e9edf1; } @@ -257,7 +262,7 @@ function reportHeight() { width: 46px; } td { - height: 52px; + height: 44px; border-bottom: 1px solid #eef1f4; padding: 4px 2px; text-align: center; @@ -272,6 +277,15 @@ function reportHeight() { font-weight: 700; } } +/* 科目文本:最多 2 行,超出以省略号收尾,title 悬停可看全文 */ +.sub { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; + line-height: 1.35; + word-break: break-word; +} /* ---------- 空态(模板内联 SVG,不依赖外部图片 / CSS 背景) ---------- */ .wg-empty {