固定的时候也可以左右滑动

components/common/common-tabs.vue

 <!-- Tabs组件 -->
 <template>
-  <div class="common-tabs-wrapper" :class="{'fixed': needFixed}">
+  <div class="common-tabs-wrapper" >
+    <div class="sub-wrapper" :class="{'fixed': needFixed}">
       <ul class="common-tabs">
         <li
           v-show="(item === '总体概况'
@@ -17,6 +18,7 @@
       <span class="over"></span>
       <span class="border"></span>
       </div>
+  </div>
 </template>
 <script>
 export default {
@@ -53,19 +55,35 @@ export default {
 
 <style lang="scss" scoped>
 .common-tabs-wrapper {
+  .sub-wrapper {
+    display: flex;
+    position: relative;
+    width: 100%;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    font-size: 13px;    
+    width: 100%;
+    white-space: nowrap;
     &.fixed {
       position: fixed;
       top: 70px;
+      width: 100%;
       z-index: 10000000;
       background: #fff;
+      white-space: nowrap;
+      overflow-x: auto;
+    }
   }
   display: flex;
   position: relative;
+  width: 100%;
   top: 0;
   left: 0;
   z-index: 1;
   font-size: 13px;
   .common-tabs {
+    width: 100%;
     white-space: nowrap;
     overflow-x: auto;
     padding: 9px 0;