可视化五大图层

src/assets/scss/modules/visual/fiveLayerMap.scss

@@ -49,7 +49,7 @@
   }
 
   .div_data {
-    flex: 0 0 600px;
+    flex: 0 0 610px;
     margin-left: 12px;
 
     .div_tips{
@@ -91,33 +91,38 @@
       .div_category {
         box-sizing: border-box;
         height:238px;
-        padding:0 20px 20px;  
+        padding:0 10px 20px;  
   
         .category_item {
          
           margin-bottom: 15px;
           display: flex;
-          justify-content: start;
+          justify-content: flex-start;
-         
+          align-items: center;
           // margin:auto;
        
          
           .list_item {
-           
+           display: flex;
             // padding: 18px 59px 0;
-            justify-content: start;
+            justify-content: flex-start;
-            flex:0 0 135px;
+            flex:0 0 145px;
+            align-items: center;
 
             > img {
-              height: 18px;
+              height: 16px;
-              width: 18px;
+              width: 16px;
+       
+              // line-height: 25px;
             }
             .item_content{
-              width:100px;
+              width:120px;
               margin-left:8px;
               font-size: 16px;
               font-family: PingFang SC;
               font-weight: 400;
+       
+            // line-height: 25px;
               color: #e5effa;
             }
 
@@ -166,8 +171,11 @@
         text-align: center;
         width: 559px;
         height: 48px;
-        background: #01106800;
+        background-color: #011168;
-        border-radius: 8px;
+        border-radius: 4px;
+        border: none;
+        box-shadow: 0 0 10px inset #1a5afd;
+        // border-radius: 8px;
         display: flex;
         justify-content: flex-end;
       
@@ -175,25 +183,25 @@
           display: flex;
           align-items: center;
           margin-left: 29px;
-          margin-top: 16px;
+          margin-top: 14px;
       
           > img {
-            width: 24px;
+            width: 20px;
-            height: 24px;
+            height: 20px;
           }
         }
       
         .btn {
           text-align: center;
           flex: 0 0 113px;
-          height: 53px;
+          height: 48px;
-          background: #0082fb;
+          background: linear-gradient(90deg, #1A5AFD, #26C4FF);
-          border-radius: 0px 8px 8px 0px;
+          border-radius: 0px 4px 4px 0px;
           font-size: 20px;
           font-family: PingFang SC;
           font-weight: 400;
           color: #ffffff;
-          line-height: 53px;
+          line-height: 48px;
         }
         .btn:hover {
           cursor: pointer;