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