fix

src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/FormPanel.jsx

@@ -1,11 +1,11 @@
 import { Button, Form, InputNumber, Select } from "antd";
 
 const layout = {
-  labelCol: { span: 10 },
-  wrapperCol: { span: 12 },
+  labelCol: { span: 12 },
+  wrapperCol: { span: 10 },
 };
 const tailLayout = {
-  wrapperCol: { offset: 10, span: 14 },
+  wrapperCol: { offset: 12, span: 12 },
 };
 
 export default function FormPanel({ setShowResult }) {

src/components/catalog/IntegrationAndOnlineCalc/ClimateReconDataAssim/index.module.less

@@ -20,6 +20,7 @@
       .ant-form-item-label {
         label {
           color: white;
+          font-size: 18px;
         }
       }
 
@@ -96,12 +97,64 @@
   }
 }
 
+// .legend :global {
+//   position: absolute;
+//   bottom: 14px;
+//   width: 50%;
+//   left: 25%;
+//   z-index: 1000;
+//   display: flex;
+//   flex-direction: column;
+//   justify-content: center;
+//   align-items: center;
+//   background-color: #000000e7;
+//   border: 1px solid #04fbfd;
+//   border-radius: 8px;
+//   padding: 8px;
+
+//   .legend-title {
+//     color: #04fbfd;
+//   }
+
+//   .colorbar {
+//     width: 100%;
+//     height: 14px;
+//     display: flex;
+//     margin: 8px 0;
+
+//     .colorbar-item {
+//       flex: 1;
+//       height: 100%;
+//       border: 1px black solid;
+
+//       &:not(:nth-child(1)) {
+//         border-left: none;
+//       }
+//     }
+//   }
+
+//   .legend-text {
+//     display: flex;
+//     justify-content: space-evenly;
+//     width: 100%;
+//     height: 20px;
+
+//     .legend-text-item {
+//       flex: 1;
+//       text-align: right;
+//       font-weight: 600;
+//       color: white;
+//       -webkit-text-stroke: #04fbfd 1px;
+//     }
+//   }
+// }
 .legend :global {
   position: absolute;
-  bottom: 14px;
-  width: 50%;
+  bottom: 12px;
+  width: 960px;
   left: 25%;
-  z-index: 1000;
+  // height: 40px;
+
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -112,7 +165,9 @@
   padding: 8px;
 
   .legend-title {
-    color: #04fbfd;
+    color: #fff;
+    font-size: 20px;
+    font-weight: 600;
   }
 
   .colorbar {
@@ -124,6 +179,7 @@
     .colorbar-item {
       flex: 1;
       height: 100%;
+      // border-radius: 8px;
       border: 1px black solid;
 
       &:not(:nth-child(1)) {
@@ -137,13 +193,14 @@
     justify-content: space-evenly;
     width: 100%;
     height: 20px;
+    margin-left: 8px;
 
     .legend-text-item {
       flex: 1;
       text-align: right;
       font-weight: 600;
       color: white;
-      -webkit-text-stroke: #04fbfd 1px;
+      -webkit-text-stroke: white 1px;
     }
   }
 }

src/components/common/TextInfoPanel/index.module.less

@@ -5,7 +5,7 @@
   color: white !important;
   background-color: #000000e7;
   pointer-events: auto;
-  font-size: 19px;
+  font-size: 22px;
   text-indent: 2em;
   line-height: 1.5;
   z-index: 999;

src/components/home/Layout/NavBar.jsx

@@ -12,6 +12,18 @@ import styles from "./index.module.less";
 const itemsTwo = [
   {
     key: "1",
+    label: (
+      <a
+        target="_blank"
+        rel="noopener noreferrer"
+        href="http://casearthpoles.tpdc.ac.cn/zh-hans/data/analyze/list"
+      >
+        简介
+      </a>
+    ),
+  },
+  {
+    key: "2",
     label: (
       <a target="_blank" rel="noopener noreferrer" href="/#">
         随机森林方法在线计算案例
@@ -19,7 +31,7 @@ const itemsTwo = [
     ),
   },
   {
-    key: "2",
+    key: "3",
     label: (
       <a
         target="_blank"