diff --git a/src/pages/clazz/components/ClazzMatrixView.vue b/src/pages/clazz/components/ClazzMatrixView.vue index 6611bec..19a9dfb 100644 --- a/src/pages/clazz/components/ClazzMatrixView.vue +++ b/src/pages/clazz/components/ClazzMatrixView.vue @@ -305,6 +305,7 @@ export default defineComponent({ @sidebar-width: 1.2rem; @cell-width: 1.8rem; @portrait-header-height: 0.72rem; +@portrait-day-row-min-height: 1.16rem; .matrix-wrapper { width: 100%; @@ -350,7 +351,8 @@ export default defineComponent({ } .sidebar-row { - flex: 1; + flex: 1 0 @portrait-day-row-min-height; + min-height: @portrait-day-row-min-height; display: flex; flex-direction: column; align-items: center; @@ -391,6 +393,7 @@ export default defineComponent({ flex-direction: column; min-height: 100%; min-width: fit-content; + box-sizing: border-box; } /* ─── 行:共用 ─── */ @@ -402,8 +405,8 @@ export default defineComponent({ .sr-row { display: flex; - flex: 1; - min-height: 0; + flex: 1 0 @portrait-day-row-min-height; + min-height: @portrait-day-row-min-height; } /* ─── Spacer(占位与 sidebar 同宽) ─── */ diff --git a/src/pages/clazz/index.vue b/src/pages/clazz/index.vue index 2a67e49..fbdd8d6 100644 --- a/src/pages/clazz/index.vue +++ b/src/pages/clazz/index.vue @@ -1270,6 +1270,10 @@ export default defineComponent({ } :deep(.matrix-scroll) { + box-sizing: border-box; + } + + :deep(.scroll-inner) { padding-bottom: calc(0.72rem + env(safe-area-inset-bottom)); box-sizing: border-box; }