Ver Fonte

tab统一样式

chenrui há 3 anos atrás
pai
commit
aa93b94fdd

+ 12 - 1
src/views/dealerManagement/dealerRelationshipBinding/list.vue

@@ -18,7 +18,7 @@
         </a-form>
       </div>
       <!-- 列表 -->
-      <a-tabs type="card" @change="tabChange" v-model="tabInd">
+      <a-tabs type="card" @change="tabChange" v-model="tabInd" class="relationshipBindingList-tabs">
         <a-tab-pane key="1" tab="省市级关系绑定"></a-tab-pane>
         <a-tab-pane key="2" tab="特约店关系绑定"></a-tab-pane>
       </a-tabs>
@@ -272,5 +272,16 @@ export default {
       overflow-y: scroll;
       height: 100%;
     }
+    // tab样式
+    .relationshipBindingList-tabs.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container{
+      height: 30px!important;
+    }
+    .relationshipBindingList-tabs.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active{
+      height: 30px!important;
+    }
+    .relationshipBindingList-tabs.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{
+      line-height: 26px!important;
+      height: 30px!important;
+    }
   }
 </style>

+ 12 - 1
src/views/financialManagement/inventoryConfirmation/list.vue

@@ -2,7 +2,7 @@
   <a-card size="small" :bordered="false" class="inventoryConfirmationList-wrap">
     <a-spin :spinning="spinning" tip="Loading...">
       <!-- 标签页 -->
-      <a-tabs type="card" :default-active-key="queryParam.state" @change="handleTabChange" class="inventoryConfirmationList-tabs ">
+      <a-tabs type="card" :default-active-key="queryParam.state" @change="handleTabChange" class="inventoryConfirmationList-tabs">
         <a-tab-pane v-for="item in tabPaneData" :key="item.type">
           <span slot="tab">{{ item.name }}</span>
         </a-tab-pane>
@@ -237,5 +237,16 @@ export default {
     .common{
       color: rgba(0, 0, 0, 0.65);
     }
+    // tab样式
+    .inventoryConfirmationList-tabs.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container{
+      height: 30px!important;
+    }
+    .inventoryConfirmationList-tabs.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active{
+      height: 30px!important;
+    }
+    .inventoryConfirmationList-tabs.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{
+      line-height: 26px!important;
+      height: 30px!important;
+    }
   }
 </style>

+ 12 - 1
src/views/inventoryManagement/inventoryCheck/list.vue

@@ -2,7 +2,7 @@
   <a-card size="small" :bordered="false" class="inventoryCheckList-wrap">
     <a-spin :spinning="spinning" tip="Loading...">
       <!-- 标签页 -->
-      <a-tabs type="card" :default-active-key="queryParam.deleteFlag" @change="handleTabChange" class="inventoryCheckList-tabs ">
+      <a-tabs type="card" :default-active-key="queryParam.deleteFlag" @change="handleTabChange" class="inventoryCheckList-tabs">
         <a-tab-pane v-for="item in tabPaneData" :key="item.type">
           <span slot="tab">{{ item.name }}</span>
         </a-tab-pane>
@@ -271,5 +271,16 @@ export default {
     .common{
       color: rgba(0, 0, 0, 0.65);
     }
+    // tab样式
+    .inventoryCheckList-tabs.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container{
+      height: 30px!important;
+    }
+    .inventoryCheckList-tabs.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active{
+      height: 30px!important;
+    }
+    .inventoryCheckList-tabs.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{
+      line-height: 26px!important;
+      height: 30px!important;
+    }
   }
 </style>