tabs选项卡样式全局修改

@@ -70,4 +70,29 @@ ol, ul { list-style:none; }
 }
 ::-webkit-scrollbar-track {
 	border-radius: 0;
+}
+//二级菜单样式
+.tabs{
+    >.is-top>.is-top>.el-tabs__nav-scroll{
+        height: 50px;
+        background-color: #ffffff;
+        box-sizing: border-box;
+        padding-left: 20px;
+        .el-tabs__active-bar{
+            display: none;
+        }
+        >.el-tabs__nav{
+            >.el-tabs__item{
+                border: 1px solid #DEDEDE;
+                height: 30px;
+                line-height: 30px;
+                padding: 0 20px;
+                margin: 9px 10px 9px 0;
+            }
+            .is-active{
+                color: #006CFF;
+                background-color: #ffffff;
+            }
+        }
+    }
 }
\ No newline at end of file

 <template>
 	<div class="content_box">
-		<el-tabs v-model="activeName" @tab-click="handleClick">
+		<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
 			<el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane>
 			<el-tab-pane label="面积分摊表" name="mjftb"><mjftb></mjftb></el-tab-pane>
 			<el-tab-pane label="界址点" name="jzd"><jzd></jzd></el-tab-pane>

 <template>
 	<div ref="lpb" class="content_box">
-		<el-tabs v-model="activeName" @tab-click="handleClick">
+		<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
 			<el-tab-pane label="自然幢信息" name="zrzxx"><zrzxx></zrzxx></el-tab-pane>
 			<el-tab-pane label="业主共有" name="yzgy"><yzgy></yzgy></el-tab-pane>
 			<el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>

@@ -53,12 +53,16 @@ export default {
     }
     /deep/.el-tabs--card>.el-tabs__header{
       background-color: #FAFAFA;
+      border-top: 1px solid #E4E7ED;
     }
     /deep/.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
       background-color: #fff;
       border-top: 2px solid #006CFF;
       height: 42px;
     }
+    /deep/ .el-tabs__item{
+      border-top: 0;
+    }
     .el-tabs{
       height: 100%;
       display: flex;