commit

src/views/situation/index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="container">
-      <el-row style="height:50px;">
-        <div class="header" >
+      <el-row style="height:40px;">
+        <div class="myHeader" >
           <el-button :type="(this.dimension==2?'success':'danger')" @click="dimensionswitch(2)" round>二维</el-button>
           <el-button :type="(this.dimension==3?'success':'danger')" @click="dimensionswitch(3)" round>三维</el-button>
           <el-button :type="(this.dimension==5?'success':'danger')" @click="dimensionswitch(5)" round>一体化</el-button>
@@ -31,6 +31,7 @@
           <el-tooltip class="item" effect="dark" content="模型" placement="left">
             <i class="el-icon-receiving"></i>
           </el-tooltip>
+
           </span>
         </el-tab-pane>
         </el-tabs>
@@ -61,7 +62,7 @@ export default ({
       leftwidth: 24,
       mousevalue: null,
       shouldAnimate: false,
-      activeName: 'first',
+      activeName: null,
       currentLab: {
         index: -1,
         isActive: false
@@ -342,8 +343,8 @@ export default ({
 })
 </script>
   <style scoped>
-  .header{
-    background-color: #1c222b;
+  .myHeader{
+    background-color: #1c222b !important;
     color: #fff;
     height: 100%;
     display: flex;
@@ -351,10 +352,9 @@ export default ({
     align-items:center;/*由于flex-direction: column，因此align-items代表的是水平方向*/
     justify-content: center;/*由于flex-direction: column，因此justify-content代表的是垂直方向*/
   }
-  .header .el-button{
-    width: 150px;
-    margin: 0 10px;
-    height:30px;
+  .myHeader .el-button{
+    width: 100px;
+    height: 20px;
     padding: 1px 23px;
   }
   
@@ -392,7 +392,7 @@ export default ({
   }
   
   /deep/.el-tabs--left .el-tabs__header.is-left {
-      margin-right: unset !important;
+      margin-right: 0px !important;
   }
   
   .buttons{
@@ -408,4 +408,9 @@ export default ({
   .el-button{
     margin: 5px !important;
   }
+
+  /deep/.el-tabs--border-card > .el-tabs__content {
+    width: 300px;
+    display: none;
+}
   </style>