临时闭店UI修改

2026-07-09 22:03:43 +08:00
parent f76eb81274
commit e20ee1ec7f
2 changed files with 41 additions and 7 deletions
@@ -86,13 +86,17 @@ export default function StatusPage() {
            {open ? '营业中' : '临时闭店'}
          </h2>

-          <label className="shop-status-switch">
+          <label className={`shop-status-switch${open ? ' open' : ' closed'}`}>
            <input
              type="checkbox"
              checked={open}
              onChange={(e) => requestToggle(e.target.checked)}
+              aria-label={open ? '切换为临时闭店' : '切换为营业中'}
            />
            <span className="shop-status-switch-track" />
+            <span className="shop-status-switch-caption">
+              {open ? '点击可临时闭店' : '点击恢复营业'}
+            </span>
          </label>

          <p className="shop-status-hours-label">营业时间</p>