From fc8d7de10b8ee7537f2319053e14639897759f29 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=98=BF=E7=94=B7?= Date: Sun, 3 May 2026 08:59:36 +0800 Subject: [PATCH] fix: style FullCalendar buttons as white-outlined to match matrix view Co-Authored-By: Claude Opus 4.7 --- src/pages/clazz/index.vue | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/src/pages/clazz/index.vue b/src/pages/clazz/index.vue index 4f9edb6..5bff1b7 100644 --- a/src/pages/clazz/index.vue +++ b/src/pages/clazz/index.vue @@ -1114,6 +1114,36 @@ export default defineComponent({ overflow-y: auto !important; -webkit-overflow-scrolling: touch; } + + // FullCalendar 按钮统一为白底描线,与矩阵视图一致 + :deep(.fc .fc-button-primary) { + background: #fff; + border: 1px solid #c8c9cc; + color: #333; + font-size: 0.24rem; + height: 0.5rem; + padding: 0 0.15rem; + border-radius: 0.06rem; + box-shadow: none; + text-shadow: none; + line-height: 1; + white-space: nowrap; + + &:hover { background: #f7f8fa; } + &:active { background: #e8e8e8; } + &:focus { box-shadow: none; } + } + + :deep(.fc .fc-button-primary:disabled) { + opacity: 0.5; + cursor: not-allowed; + } + + :deep(.fc .fc-button-primary.fc-button-active) { + background: #1989fa; + border-color: #1989fa; + color: #fff; + } } .calendar-wrapper {