refactor
This commit is contained in:
parent
9c3dfaaef9
commit
b9ee125c16
@ -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"
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
@ -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%;
|
||||||
|
@ -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;
|
||||||
|
@ -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%;
|
||||||
|
@ -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;
|
||||||
|
@ -1 +1 @@
|
|||||||
@font-32: 24px;
|
@font-32: 28px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user