配置页面高度的调整

main
wangyunfei 2 weeks ago
parent e50ebb04c6
commit 75c2cae56b

@ -7,19 +7,22 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: stretch;
background-color: transparent; background-color: transparent;
gap: 10px; gap: 10px;
overflow: hidden;
/* 左侧 A 区域评估方法60% 宽度) */ /* 左侧 A 区域评估方法60% 宽度) */
.leftPanel { .leftPanel {
flex: 0 0 55%; flex: 0 0 55%;
// width: 60%; // width: 60%;
height: 100%; height: 100%;
min-height: 0;
background-color: #ffffff; background-color: #ffffff;
border-radius: 4px; border-radius: 4px;
padding: 16px; padding: 16px;
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow-y: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 15px; gap: 15px;
@ -172,9 +175,11 @@
.rightPanel { .rightPanel {
flex: 1; flex: 1;
height: 100%; height: 100%;
min-height: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
overflow-y: auto;
/* 上块:仪表盘与建议 */ /* 上块:仪表盘与建议 */
.rightTop { .rightTop {
@ -212,7 +217,7 @@
/* 第二行:半圆形仪表盘 */ /* 第二行:半圆形仪表盘 */
.gaugeContainer { .gaugeContainer {
width: 100%; width: 100%;
height: 200px; // height: 200px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

Loading…
Cancel
Save