收起状态

src/css/knowledgeMap.less

@@ -82,7 +82,7 @@
                     position: relative;
                 }
                 .iconSlide{
-                    width: 16px;
+                    width: 13px;
                     position: absolute ;
                     top: 16px;
                     right: 10px;
@@ -212,11 +212,18 @@
                     box-sizing: border-box;
                 }
             }
+            .tabListShow{
+                border: 1px solid #5A8EEE;
+                border-bottom: 1px solid #E6E6E6;
+            }
             .showTabList{
                 margin-right: 66px;
+                
             }
             .toggleArrow{
                 width: 11px;
+                position: absolute;
+                top: 19px;
             }
             .toggleTab{
                 display: inline-block;
@@ -224,10 +231,10 @@
                 font-size: 14px ;
                 color: #AAA;
                 line-height: 44px;
-                right: 0;
+                right: 10px;
                 top: 0;
-                width: 66px;
                 cursor: pointer;
+                padding: 0 10px 0 0;
             }
             .hideTabList{
                 position: absolute;
@@ -235,8 +242,11 @@
                 width: 100%;
                 z-index: 2;
                 display: none;
-                top: 43px;
-                box-shadow:0px 14px 22px -6px rgba(20,39,75,0.12);
+                top: 41px;
+                left: -1px;
+                border: 1px solid #5A8EEE;
+                border-top: 0;
+                // box-shadow:0px 14px 22px -6px rgba(20,39,75,0.12);
             }
             .radioList{
                 height: 60px;

src/css/knowledgeTree.less

@@ -85,7 +85,7 @@
                     position: relative;
                 }
                 .iconSlide{
-                    width: 16px;
+                    width: 13px;
                     position: absolute ;
                     top: 16px;
                     right: 10px;
@@ -215,11 +215,17 @@
                     box-sizing: border-box;
                 }
             }
+            .tabListShow{
+                border: 1px solid #5A8EEE;
+                border-bottom: 1px solid #E6E6E6;
+            }
             .showTabList{
                 margin-right: 66px;
             }
             .toggleArrow{
                 width: 11px;
+                position: absolute;
+                top: 19px;
             }
             .toggleTab{
                 display: inline-block;
@@ -227,10 +233,10 @@
                 font-size: 14px ;
                 color: #AAA;
                 line-height: 44px;
-                right: 0;
+                right: 10px;
                 top: 0;
-                width: 66px;
                 cursor: pointer;
+                padding: 0 10px 0 0;
             }
             .hideTabList{
                 position: absolute;
@@ -238,8 +244,10 @@
                 width: 100%;
                 z-index: 2;
                 display: none;
-                top: 43px;
-                box-shadow:0px 14px 22px -6px rgba(20,39,75,0.12);
+                top: 41px;
+                left: -1px;
+                border: 1px solid #5A8EEE;
+                border-top: 0;
             }
             .radioList{
                 height: 60px;

src/js/graphMap.js

@@ -483,15 +483,18 @@ function ToggleTab(){
 }
 function showHideTab(){
     $(".hideTabList").slideDown()
-    
+    $(".tabList").addClass("tabListShow")
     $(".toggleTabTxt").html("收起")
     $(".toggleArrow").attr("src",iconUp)
 }
 function hideHideTab(e){
-   
     $(".hideTabList").slideUp()
     $(".toggleTabTxt").html("展开")
     $(".toggleArrow").attr("src",iconDown)
+    setTimeout(function(){
+        $(".tabList").removeClass("tabListShow")
+    },500)
+    
 }
 bindTabClick()
 //切换tab

src/js/schemaMap.js

@@ -375,7 +375,7 @@ function ToggleTab(){
 }
 function showHideTab(){
     $(".hideTabList").slideDown()
-    
+    $(".tabList").addClass("tabListShow")
     $(".toggleTabTxt").html("收起")
     $(".toggleArrow").attr("src",iconUp)
 }
@@ -383,6 +383,9 @@ function hideHideTab(){
     $(".hideTabList").slideUp()
     $(".toggleTabTxt").html("展开")
     $(".toggleArrow").attr("src",iconDown)
+    setTimeout(function(){
+        $(".tabList").removeClass("tabListShow")
+    },500)
 }
 bindTabClick()
 //切换tab