bdzl2/bxztApp
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): 更新强制派发组件样式，包含图片和字体

Browse Source 
替换渐变背景和边框，使用背景图片以获得更好的视觉一致性，并调整字体大小和颜色以提高可读性。
This commit is contained in:
Zzc 2025-11-20 12:47:17 +08:00
parent 99d02f78a8
commit 0471e92160
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForceDispatch.vue
View File

@ -160,9 +160,11 @@ const handleStartDispatch = () => {
justify-content: space-between;
gap: vw(12);
padding: vh(5) vw(16);
background: rgba(20, 53, 118, 0.6);
border: 1px solid rgba(28, 161, 255, 0.3);
border-radius: vw(4);
// background: rgba(20, 53, 118, 0.6);
// border: 1px solid rgba(28, 161, 255, 0.3);
// border-radius: vw(4);
background: url('../../assets/images/响应等级bg.png') no-repeat center center;
background-size: 100% 100%;
min-height: vh(40);
}
@ -186,9 +188,11 @@ const handleStartDispatch = () => {
justify-content: center;
gap: vw(8);
padding: vh(10) vw(16);
background: linear-gradient(135deg, rgba(28, 161, 255, 0.3), rgba(28, 161, 255, 0.5));
border: 1px solid rgba(28, 161, 255, 0.5);
border-radius: vw(4);
// background: linear-gradient(135deg, rgba(28, 161, 255, 0.3), rgba(28, 161, 255, 0.5));
// border: 1px solid rgba(28, 161, 255, 0.5);
// border-radius: vw(4);
background: url('../../assets/images/文本按钮bg.png') no-repeat center center;
background-size: 100% 100%;
cursor: pointer;
transition: all 0.3s ease;
min-height: vh(40);
@ -258,14 +262,14 @@ const handleStartDispatch = () => {
}
.force-dispatch__stat-value {
font-size: fs(16);
font-size: fs(18);
font-family: SourceHanSansCN-Bold, sans-serif;
font-weight: 700;
color: var(--primary-color);
color: var(--text-white);
}
.force-dispatch__stat--action .force-dispatch__stat-value {
color: var(--warning-color);
color: var(--primary-color);
}
.force-dispatch__stat-unit {
@ -346,14 +350,14 @@ const handleStartDispatch = () => {
}
.force-dispatch__circle-line1 {
font-size: fs(14);
font-size: fs(16);
font-family: SourceHanSansCN-Medium, sans-serif;
font-weight: 500;
color: var(--text-white);
}
.force-dispatch__circle-line2 {
font-size: fs(13);
font-size: fs(16);
font-family: SourceHanSansCN-Regular, sans-serif;
font-weight: 400;
color: var(--text-white);