diff --git a/apps/admin-web/src/admin.css b/apps/admin-web/src/admin.css index 3ed57c4..c1faec6 100644 --- a/apps/admin-web/src/admin.css +++ b/apps/admin-web/src/admin.css @@ -308,14 +308,6 @@ body:has(.big-screen-page), box-sizing: border-box; } -.big-screen-list-head { - flex: 0 0 auto; - padding: 0 28px 10px 40px; - font-size: 15px; - color: rgba(170, 200, 230, 0.55); - letter-spacing: 2px; -} - .big-screen-list-body { flex: 1 1 0%; min-height: 0; @@ -460,16 +452,20 @@ body:has(.big-screen-page), } .big-screen-empty { - display: flex; - align-items: center; - justify-content: center; - height: 100%; + position: absolute; + left: 0; + right: 0; + /* 全屏高度黄金分割点(≈0.382),略偏上 */ + top: 38.2%; + transform: translateY(-50%); + z-index: 2; text-align: center; color: rgba(145, 190, 230, 0.42); - padding: 48px 40px; + padding: 0 40px; font-size: 60px; letter-spacing: 6px; font-weight: 400; + pointer-events: none; } .big-screen-fx { @@ -722,7 +718,6 @@ body:has(.big-screen-page), .big-screen-clock { font-size: 56px; } - .big-screen-list-head, .big-screen-row { grid-template-columns: minmax(140px, 20%) minmax(0, 1fr) minmax(110px, 16%) minmax(130px, 18%); font-size: 16px; diff --git a/apps/admin-web/src/pages/BigScreenPage.tsx b/apps/admin-web/src/pages/BigScreenPage.tsx index 2eb70ec..3494fe2 100644 --- a/apps/admin-web/src/pages/BigScreenPage.tsx +++ b/apps/admin-web/src/pages/BigScreenPage.tsx @@ -412,16 +412,8 @@ export default function BigScreenPage() {
-
- 订单金额 - 订单商品 - 下单时间 - 下单账号 -
- {items.length === 0 ? ( -
{loadError || '当日暂无订单'}
- ) : ( + {items.length === 0 ? null : (
+ {items.length === 0 ? ( +
{loadError || '当日暂无订单'}
+ ) : null} + {celebrate ? (