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

字体大小 及一些间距调整

Browse Source
This commit is contained in:
huangchenhao 2025-11-25 16:12:33 +08:00
parent 00488a301f
commit 0ee76eb5c5
7 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/DisasterAnalysis.vue
View File

@ -75,6 +75,6 @@ const { disasterInfo } = inject('disasterData')
.disaster-analysis__row { .disaster-analysis__row {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: vw(16); gap: vw(12);
} }
</style> </style>

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

@ -143,7 +143,7 @@ const handleStartDispatch = () => {
margin-top: 0; margin-top: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: vh(16); gap: vh(5);
} }
/* 顶部两个卡片 */ /* 顶部两个卡片 */
@ -165,17 +165,17 @@ const handleStartDispatch = () => {
// border-radius: vw(4); // border-radius: vw(4);
background: url('../../assets/images/响应等级bg.png') no-repeat center center; background: url('../../assets/images/响应等级bg.png') no-repeat center center;
background-size: 100% 100%; background-size: 100% 100%;
min-height: vh(40); min-height: vh(30);
} }
.force-dispatch__level-label { .force-dispatch__level-label {
font-size: fs(18); font-size: fs(15);
font-family: SourceHanSansCN-Regular, sans-serif; font-family: SourceHanSansCN-Regular, sans-serif;
color: var(--text-white); color: var(--text-white);
} }
.force-dispatch__level-value { .force-dispatch__level-value {
font-size: fs(18); font-size: fs(15);
font-family: SourceHanSansCN-Bold, sans-serif; font-family: SourceHanSansCN-Bold, sans-serif;
font-weight: 600; font-weight: 600;
color: var(--text-white); color: var(--text-white);
@ -195,7 +195,7 @@ const handleStartDispatch = () => {
background-size: 100% 100%; 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(30);
user-select: none; user-select: none;
&:hover { &:hover {
@ -211,7 +211,7 @@ const handleStartDispatch = () => {
} }
.force-dispatch__plan-text { .force-dispatch__plan-text {
font-size: fs(18); font-size: fs(15);
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);
@ -231,9 +231,9 @@ const handleStartDispatch = () => {
.force-dispatch__middle { .force-dispatch__middle {
display: grid; display: grid;
grid-template-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr;
gap: vw(18); gap: vw(10);
align-items: center; align-items: center;
padding: vh(12) 0; padding: vh(5) 0;
// background: url('../../assets/images/ForceDispatchBg.png') center top no-repeat; // background: url('../../assets/images/ForceDispatchBg.png') center top no-repeat;
} }
@ -256,10 +256,10 @@ const handleStartDispatch = () => {
} }
.force-dispatch__stat-label { .force-dispatch__stat-label {
font-size: fs(12); font-size: fs(10);
font-family: SourceHanSansCN-Regular, sans-serif; font-family: SourceHanSansCN-Regular, sans-serif;
color: var(--text-white); color: var(--text-white);
width: 50px; width: 45px;
} }
.force-dispatch__stat-value { .force-dispatch__stat-value {

2
packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/ForcePreset.vue
View File

@ -203,7 +203,7 @@ const vClickOutside = {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: vh(8) vw(16); padding: vh(3) vw(16);
background: rgba(28, 70, 130, 0.9); background: rgba(28, 70, 130, 0.9);
border: 1px solid rgba(28, 161, 255, 0.3); border: 1px solid rgba(28, 161, 255, 0.3);
border-radius: vw(8); border-radius: vw(8);

2
packages/screen/src/views/3DSituationalAwarenessRefactor/components/RightPanel/DispatchCommand.vue
View File

@ -128,7 +128,7 @@ const getColumnName = (type) => {
} }
.table-body { .table-body {
min-height: vh(170); // min-height: vh(170);
max-height: vh(170); max-height: vh(170);
overflow-y: auto; overflow-y: auto;

2
packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/CollapsiblePanel.vue
View File

@ -225,7 +225,7 @@ function onAfterLeave(el) {
&__content { &__content {
position: relative; position: relative;
padding: vh(5) vw(20) vh(15); // 留出空间避免被圆角遮挡 padding: vh(5) vw(20) vh(5); // 留出空间避免被圆角遮挡
z-index: 1; z-index: 1;
// 如果内容需要滚动 // 如果内容需要滚动

6
packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/DataField.vue
View File

@ -47,7 +47,7 @@ const valueClass = computed(() => {
display: flex; display: flex;
align-items: center; align-items: center;
gap: vw(8); gap: vw(8);
padding: vh(4) vw(10); padding: vh(2) vw(10);
background: url('../../assets/images/DataField/快速感知_bg.png') no-repeat center center; background: url('../../assets/images/DataField/快速感知_bg.png') no-repeat center center;
background-size: 100% 100%; background-size: 100% 100%;
@ -59,7 +59,7 @@ const valueClass = computed(() => {
&__label { &__label {
color: var(--text-white); color: var(--text-white);
font-size: fs(14); font-size: fs(13);
// font-family: SourceHanSansCN-Medium, sans-serif; // font-family: SourceHanSansCN-Medium, sans-serif;
font-weight: 500; font-weight: 500;
white-space: nowrap; white-space: nowrap;
@ -67,7 +67,7 @@ const valueClass = computed(() => {
&__value { &__value {
color: var(--text-white); color: var(--text-white);
font-size: fs(15); font-size: fs(14);
font-family: PingFangSC-Semibold, sans-serif; font-family: PingFangSC-Semibold, sans-serif;
font-weight: 700; font-weight: 700;
flex: 1; flex: 1;

1
packages/screen/src/views/3DSituationalAwarenessRefactor/index.vue
View File

@ -1007,6 +1007,7 @@ provide('onDistanceChange', handleDistanceChange)
min-width: 0; // 防止在窄容器中溢出 min-width: 0; // 防止在窄容器中溢出
min-height: 0; // 允许 flex 子元素收缩并启用滚动 min-height: 0; // 允许 flex 子元素收缩并启用滚动
pointer-events: auto; // 恢复面板的交互能力 pointer-events: auto; // 恢复面板的交互能力
height: 100%;
// 左侧面板固定在左边 // 左侧面板固定在左边
&--left { &--left {