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 {