Browse Source

tab选中样式

zhouna 3 years ago
parent
commit
08683c8b26
3 changed files with 15 additions and 4 deletions
  1. 13 2
      src/css/cdssHorizontal.less
  2. BIN
      src/images/ar.png
  3. 2 2
      src/js/cdssHorizontal.js

+ 13 - 2
src/css/cdssHorizontal.less

@@ -88,7 +88,18 @@
 .activeTab {
   font-weight: 500;
   color: @bgcBlue;
-  background: @pushBgColor;
+  background:@pushBgColor;
+  position: relative;
+  &:after{
+    content: '';
+    width: 5px;
+    height: 11px;
+    background: url("../images/ar.png") no-repeat;
+    display: block;
+    position: absolute;
+    top: 4px;
+    left: 60px;
+  }
 }
 .contentBox {
   margin:0 46px 0 72px;
@@ -213,7 +224,7 @@
   }
 }
 .searchBox {
-  margin: 30px 0 0 30px;
+  margin: 38px 0 0 30px;
 }
 .search {
   color: @bgcBlue;

BIN
src/images/ar.png


+ 2 - 2
src/js/cdssHorizontal.js

@@ -124,7 +124,7 @@ function renderPage(pageSet) {
   const planDetail = hasAuxiliary.planDetails;
   const configs = planDetail.filter((it)=>it.status!==0)||[];
   if(!configs[0]){         //没有开启辅助信息各项配置
-      $('.empty-box').hide();
+      $('.empty-box,.leftWrapper').hide();
       $('.recommendWrap .empty-right').show();
       return;
   }
@@ -368,7 +368,7 @@ function empty(){   //显示空状态
           })
       }
       if($(".tabList .tab:first-child").is(".activeTab")&&$(".empty-right:visible").length===0&&$(".moduleItem:visible").length===0){
-          $(".empty-box").hide();
+          $(".empty-box,.leftWrapper").hide();
           $(".empty-null").show();
       }
   },300);