From 0393c7b79dc90b475e11b7eb186b3f2d2f9b78cd Mon Sep 17 00:00:00 2001 From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com> Date: Fri, 13 Jun 2025 09:41:18 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../css/synthesisQuery/digitalSignage.css | 33 +++++++++++++++---- .../pages/synthesisQuery/digitalSignage.html | 13 ++++++-- 2 files changed, 37 insertions(+), 9 deletions(-) diff --git a/src/main/resources/static/css/synthesisQuery/digitalSignage.css b/src/main/resources/static/css/synthesisQuery/digitalSignage.css index 642007c..3e637d9 100644 --- a/src/main/resources/static/css/synthesisQuery/digitalSignage.css +++ b/src/main/resources/static/css/synthesisQuery/digitalSignage.css @@ -52,7 +52,7 @@ body { /* 左上角滚动盒子 */ .scroll-box { - top: 15px; + top: 50px; left: 15px; width: 520px; height: 200px; @@ -136,7 +136,7 @@ body { /* 左下角图例 */ .legend-box { /* bottom: 15px; */ - top: 15px; + top: 50px; left: 15px; width: 140px; height: 280px; @@ -395,7 +395,7 @@ body { justify-content: space-between; align-items: center; position: absolute; - top: 15px; + top: 50px; right: 60px; z-index: 999; } @@ -428,7 +428,7 @@ body { .full-screen-btn { position: absolute; - top: 15px; + top: 50px; right: 15px; z-index: 999; cursor: pointer; @@ -441,7 +441,7 @@ body { /* 中间标题 */ .center-title-box { - position: absolute; + /* position: absolute; top: 0; left: 50%; padding: 0 12px; @@ -451,9 +451,30 @@ body { font-weight: bold; color: #fff; letter-spacing: 6px; - font-family: "Alibaba PuHuiTi R"; + font-family: "Alibaba PuHuiTi R"; */ /* 加一个浅蓝色渐变背景颜色 */ + /* background: linear-gradient(to right, #c9d6ff, #e2e2e2); + color: #063268; + border-radius: 2px; */ + + position: absolute; + top: 0; + left: 50% !important; + transform: translateX(-50%) !important; + z-index: 999; + font-size: 32px; + font-weight: bold; + letter-spacing: 6px; + font-family: "Alibaba PuHuiTi R"; background: linear-gradient(to right, #c9d6ff, #e2e2e2); color: #063268; border-radius: 2px; + padding: 0 12px; /* 内边距 */ + + /* 新增关键样式 */ + max-width: 100%; /* 最大宽度不超过父盒子 */ + box-sizing: border-box; /* 让 padding 计算在 max-width 内 */ + white-space: nowrap; /* 防止文字换行(可选) */ + overflow: hidden; /* 防止内容溢出(可选) */ + text-overflow: ellipsis; /* 超出时显示省略号(可选) */ } diff --git a/src/main/resources/static/pages/synthesisQuery/digitalSignage.html b/src/main/resources/static/pages/synthesisQuery/digitalSignage.html index 1117c45..33e9a86 100644 --- a/src/main/resources/static/pages/synthesisQuery/digitalSignage.html +++ b/src/main/resources/static/pages/synthesisQuery/digitalSignage.html @@ -32,11 +32,21 @@ .BMap_bubble_pop .BMap_bubble_arrow { display: none !important; } + + .center-title-box { + position: absolute; + top: 0; + left: 0; + }