This commit is contained in:
baol 2023-11-09 11:46:41 +08:00
parent 9c3dfaaef9
commit b9ee125c16
8 changed files with 28 additions and 21 deletions

View File

@ -27,6 +27,7 @@ export default function FormPanel({ setShowResult }) {
onFinish={(values) => { onFinish={(values) => {
setShowResult(true); setShowResult(true);
}} }}
size="large"
> >
<Form.Item <Form.Item
name="N" name="N"

View File

@ -1,9 +1,11 @@
@import "@/var.less";
.climateReconDataAssim :global { .climateReconDataAssim :global {
.formPanel { .formPanel {
position: absolute; position: absolute;
top: 84px; top: 84px;
right: 12px; right: 12px;
width: 450px; width: 550px;
background-color: #000000e7; background-color: #000000e7;
border-radius: 8px; border-radius: 8px;
@ -93,7 +95,7 @@
top: 50%; top: 50%;
bottom: 12px; bottom: 12px;
left: 12px; left: 12px;
width: 450px; width: 550px;
} }
} }
@ -151,8 +153,8 @@
.legend :global { .legend :global {
position: absolute; position: absolute;
bottom: 12px; bottom: 12px;
width: calc(100% - 948px); width: calc(100% - 1148px);
left: 474px; left: 574px;
// height: 40px; // height: 40px;
display: flex; display: flex;
@ -166,7 +168,7 @@
.legend-title { .legend-title {
color: #fff; color: #fff;
font-size: 20px; font-size: @font-32;
font-weight: 600; font-weight: 600;
} }

View File

@ -47,7 +47,7 @@
gap: 12px; gap: 12px;
.left-panel { .left-panel {
width: 450px; width: 550px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
@ -55,7 +55,7 @@
.right-panel { .right-panel {
flex: 1; flex: 1;
min-width: 450px; min-width: 550px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;

View File

@ -30,7 +30,8 @@
gap: 12px; gap: 12px;
.left-panel { .left-panel {
width: 450px; min-width: 450px;
width: 550px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;

View File

@ -29,7 +29,7 @@
position: absolute; position: absolute;
top: 24px; top: 24px;
left: 12px; left: 12px;
width: 450px; width: 550px;
background-color: #00000000; background-color: #00000000;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@ -19,16 +19,16 @@
.nav-bar-first { .nav-bar-first {
width: 100%; width: 100%;
max-width: 1200px; max-width: 1400px;
margin: 50px auto 0; margin: 100px auto 0;
color: #fff; color: #fff;
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
justify-items: center; justify-items: center;
grid-gap: 20px; grid-gap: 10%;
.nav-bar-button { .nav-bar-button {
width: 450px; width: 550px;
position: relative; position: relative;
@btn-table-color: #04fdfdbd; @btn-table-color: #04fdfdbd;
transition: all 0.3s ease; transition: all 0.3s ease;
@ -84,7 +84,8 @@
// border-radius: 999px; // border-radius: 999px;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
height: 200px; height: 280px;
//height: 200px;
img { img {
width: 100%; width: 100%;

View File

@ -35,7 +35,8 @@
top: 84px; top: 84px;
left: 12px; left: 12px;
bottom: 12px; bottom: 12px;
width: 450px; width: 550px;
min-width: 450px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -53,7 +54,8 @@
// top: 84px; // top: 84px;
right: 12px; right: 12px;
bottom: 12px; bottom: 12px;
width: 450px; width: 550px;
min-width: 450px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;
@ -116,8 +118,8 @@
.entity-legend { .entity-legend {
position: absolute; position: absolute;
bottom: 140px; bottom: 140px;
width: calc(100% - 948px); width: calc(100% - 1148px);
left: 474px; left: 574px;
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
grid-gap: 10px; grid-gap: 10px;
@ -142,8 +144,8 @@
.legend { .legend {
position: absolute; position: absolute;
bottom: 12px; bottom: 12px;
width: calc(100% - 948px); width: calc(100% - 1148px);
left: 474px; left: 574px;
// height: 40px; // height: 40px;
display: flex; display: flex;

View File

@ -1 +1 @@
@font-32: 24px; @font-32: 28px;