From 3a7b33259f723f248c32dab1e431e06192e76bb1 Mon Sep 17 00:00:00 2001 From: fengyarnom Date: Tue, 10 Jun 2025 18:09:07 +0800 Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E8=B0=83=E6=95=B4=E8=AE=BE?= =?UTF-8?q?=E5=A4=87=E6=80=BB=E8=A7=88=E7=9A=84=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../templates/page/device_overview.html | 60 +++++++++++++++---- 1 file changed, 47 insertions(+), 13 deletions(-) diff --git a/sec-beidou/src/main/resources/templates/page/device_overview.html b/sec-beidou/src/main/resources/templates/page/device_overview.html index 5a783634..0c95066f 100644 --- a/sec-beidou/src/main/resources/templates/page/device_overview.html +++ b/sec-beidou/src/main/resources/templates/page/device_overview.html @@ -17,19 +17,53 @@ border-radius: 5px; text-align: center; } - .top-panel > .layui-card-body{ - height: 60px; + + .stats-panel { + height: 100%; + display: flex; + flex-direction: column; } - .top-panel-number{ - line-height:60px; + + .stats-panel > .layui-card-body { + height: auto; + min-height: 60px; + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + } + + .top-panel-number { + /* line-height: 60px; // 删除或注释掉这一行 */ font-size: 30px; - border-right:1px solid #eceff9; + border-right: 1px solid #eceff9; + height: 100%; + display: flex; + align-items: center; + justify-content: center; /* 可选：让数字水平居中 */ } .top-panel-tips{ line-height:30px; font-size: 12px } + .flex-row { + display: flex; + align-items: stretch; + } + .flex-row > .layui-col-xs12, + .flex-row > .layui-col-md6 { + display: flex; + flex-direction: column; + } + .stats-panel .layui-col-xs3 a, + .stats-panel .layui-col-md4 a, + .stats-panel .layui-col-xs3 div a, + .stats-panel .layui-col-md4 div a { + display: block; + margin-bottom: 2px; + } + ul li { list-style: none; } @@ -119,9 +153,9 @@
-
+
-
+
设备数量
@@ -129,9 +163,9 @@ 2,020
- 0
- - + 0 + + 2020
@@ -139,7 +173,7 @@
-
+
告警统计
@@ -147,9 +181,9 @@ 20
- 5
+ 5 20 - +