From 5ef340cb08061a1429ed055c12f529b64d1ae379 Mon Sep 17 00:00:00 2001 From: mac Date: Fri, 24 Jul 2026 17:34:52 +0800 Subject: [PATCH] =?UTF-8?q?v2.1.0=20=E2=80=94=20=E6=97=A5=E5=8E=86?= =?UTF-8?q?=E4=B8=89=E7=BA=A7=E9=80=89=E6=8B=A9=EF=BC=9A=E5=B9=B4=E2=86=92?= =?UTF-8?q?=E6=9C=88=E2=86=92=E5=91=A8=EF=BC=8C4=E4=B8=AA=E6=9C=88?= =?UTF-8?q?=E6=A0=BC+4=E5=91=A8=E6=A0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/style.css | 56 +++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 53 insertions(+), 3 deletions(-) diff --git a/static/style.css b/static/style.css index c94b009..93bb081 100644 --- a/static/style.css +++ b/static/style.css @@ -208,12 +208,62 @@ body { color: var(--text-dim); } .cal-nav:hover { background: var(--bg); color: var(--text); } -.cal-week-list { +/* 月份按钮 */ +.cal-months { display: grid; grid-template-columns: repeat(4, 1fr); - gap: 6px 4px; - padding: 0 14px; + gap: 3px; + padding: 0 14px 8px; } +.cal-month-btn { + padding: 4px 0; + border: 1px solid transparent; + border-radius: 6px; + background: var(--card); + font-size: 11px; + font-weight: 500; + color: var(--text-dim); + cursor: pointer; + text-align: center; + transition: all 0.15s; + font-family: inherit; +} +.cal-month-btn:hover { border-color: var(--border); color: var(--text); } +.cal-month-btn.active { background: var(--primary); color: #FFF; } +.cal-month-btn.today { border-color: var(--primary); } +.cal-month-btn.today:not(.active) { color: var(--primary); } + +/* 周选择 */ +.cal-weeks { + display: flex; + gap: 8px; + padding: 8px 14px 10px; + justify-content: center; +} +.cal-week-cell { + width: 44px; + height: 44px; + display: flex; + align-items: center; + justify-content: center; + font-size: 13px; + font-weight: 600; + border-radius: 8px; + color: var(--text-dim); + cursor: pointer; + transition: all 0.15s; + border: 1.5px solid var(--border); + background: var(--card); +} +.cal-week-cell:hover { border-color: var(--primary); color: var(--primary); } +.cal-week-cell.pass { background: var(--success-light); border-color: var(--success); color: var(--success); } +.cal-week-cell.fail { background: var(--danger-light); border-color: var(--danger); color: var(--danger); } +.cal-week-cell.today { border-color: var(--primary); box-shadow: 0 0 0 2px var(--primary-light); } +.cal-week-cell.selected { background: var(--primary); color: #FFF; border-color: var(--primary); } + +/* 旧样式清理 */ +.cal-week-list { display: none; } +.cal-week-cell .wk-num, .cal-week-cell .wk-dot { display: none; } .cal-header { display: flex;