From 3d82805e2ab4c2f105a123d6c1518545e33c4776 Mon Sep 17 00:00:00 2001 From: Zzc <1373857752@qq.com> Date: Wed, 19 Nov 2025 17:42:56 +0800 Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E4=B8=BA=E5=8D=8F=E4=BD=9C?= =?UTF-8?q?=E4=BF=A1=E6=81=AF=E9=9D=A2=E6=9D=BF=E6=B7=BB=E5=8A=A0=E5=8F=AF?= =?UTF-8?q?=E6=8A=98=E5=8F=A0=E5=8A=9F=E8=83=BD=E5=B9=B6=E6=9B=B4=E6=96=B0?= =?UTF-8?q?=E6=96=87=E6=9C=AC=E9=A2=9C=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 为 CollaborationInfo 组件实现折叠/展开功能，并添加平滑动画 - 将硬编码的文本颜色替换为 CSS 变量 --text-white，以保持一致性 - 调整 PageHeader 中的 Logo 高度以获得更好的响应性 - 更新相关的资源图片 --- .../images/LocationPanel/地理位置内容背景.png | Bin 4958 -> 5647 bytes .../images/LocationPanel/地理位置按钮背景.png | Bin 2880 -> 2111 bytes .../components/LeftPanel/ForceDispatch.vue | 18 +++--- .../components/PageHeader.vue | 2 +- .../RightPanel/CollaborationInfo.vue | 59 ++++++++++++++++-- 5 files changed, 64 insertions(+), 15 deletions(-) diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/assets/images/LocationPanel/地理位置内容背景.png b/packages/screen/src/views/3DSituationalAwarenessRefactor/assets/images/LocationPanel/地理位置内容背景.png index 43e9c7bf6f4a058b02601b244335d2c7c885474e..0ddb80c0bc6abe2fe8465eef1a75a7a3c2054985 100644 GIT binary patch delta 5569 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 delta 4875 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 delta 2780 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 i{`}sX-+s4(Qt;p82)FKJn@k1(0000 { .force-dispatch__level-label { font-size: fs(18); font-family: SourceHanSansCN-Regular, sans-serif; - color: rgba(255, 255, 255, 0.8); + color: var(--text-white); } .force-dispatch__level-value { font-size: fs(18); font-family: SourceHanSansCN-Bold, sans-serif; font-weight: 600; - color: rgba(255, 255, 255, 0.95); + color: var(--text-white); } /* 智能应急方案按钮 */ @@ -210,7 +210,7 @@ const handleStartDispatch = () => { font-size: fs(18); font-family: SourceHanSansCN-Medium, sans-serif; font-weight: 500; - color: rgba(255, 255, 255, 0.95); + color: var(--text-white); } .force-dispatch__plan-icon { @@ -254,7 +254,7 @@ const handleStartDispatch = () => { .force-dispatch__stat-label { font-size: fs(12); font-family: SourceHanSansCN-Regular, sans-serif; - color: rgba(255, 255, 255, 0.7); + color: var(--text-white); } .force-dispatch__stat-value { @@ -272,7 +272,7 @@ const handleStartDispatch = () => { font-size: fs(12); font-family: SourceHanSansCN-Regular, sans-serif; font-weight: 400; - color: rgba(255, 255, 255, 0.8); + color: var(--text-white); margin-left: vw(2); } @@ -349,14 +349,14 @@ const handleStartDispatch = () => { font-size: fs(14); font-family: SourceHanSansCN-Medium, sans-serif; font-weight: 500; - color: rgba(255, 255, 255, 0.9); + color: var(--text-white); } .force-dispatch__circle-line2 { font-size: fs(13); font-family: SourceHanSansCN-Regular, sans-serif; font-weight: 400; - color: rgba(255, 255, 255, 0.8); + color: var(--text-white); } /* 旋转动画 */ @@ -391,13 +391,13 @@ const handleStartDispatch = () => { .force-dispatch__eta-label { font-size: fs(11); font-family: SourceHanSansCN-Regular, sans-serif; - color: rgba(255, 255, 255, 0.6); + color: var(--text-white); } .force-dispatch__eta-value { font-size: fs(13); font-family: SourceHanSansCN-Bold, sans-serif; font-weight: 600; - color: rgba(255, 255, 255, 0.95); + color: var(--text-white); } diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/PageHeader.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/PageHeader.vue index 6d360ca..68ee91e 100644 --- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/PageHeader.vue +++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/PageHeader.vue @@ -106,7 +106,7 @@ const handleBack = () => { .logo-section { .logo-image { width: vw(42); - height: vh(30); + height: vw(42); border-radius: 50%; } } diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/CollaborationInfo.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/CollaborationInfo.vue index 678aed4..baa9bbe 100644 --- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/CollaborationInfo.vue +++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/CollaborationInfo.vue @@ -1,16 +1,17 @@ @@ -59,13 +78,19 @@ const getSourceColor = (source) => { &__header { position: absolute; - top: vh(16); + top: 10px; right: vw(5); z-index: 1; .header-icon { width: vw(20); height: vh(20); + cursor: pointer; + transition: all 0.3s ease; + + &:hover { + opacity: 0.8; + } } } @@ -76,6 +101,8 @@ const getSourceColor = (source) => { padding: vw(8) vw(16); max-height: vh(200); overflow-y: auto; + transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease; + opacity: 1; &::-webkit-scrollbar { width: vw(4); @@ -114,5 +141,27 @@ const getSourceColor = (source) => { } } } + + // 折叠状态 + &.is-collapsed { + .header-icon { + transform: rotate(180deg); + } + + .collaboration-info__list { + max-height: vh(30); // 折叠时只显示一行的高度 + overflow: hidden; + + .info-item:not(:first-child) { + opacity: 0; + transform: translateY(-10px); + } + } + } + + // 为列表项添加过渡 + .info-item { + transition: opacity 0.3s ease, transform 0.3s ease; + } }