feat:left tabs文字居中

src/styles/components/index.vue

@@ -8,20 +8,22 @@
                 <div class="text-title-1-show">文字样式</div>
                 <TextStyle />
                 <div class="text-title-1-show">通用样式/组件</div>
-                <el-tabs tabPosition="left">
-                    <el-tab-pane label="通用" lazy>
-                        <common-page />
-                    </el-tab-pane>
-                    <el-tab-pane label="文本" lazy>
-                        <text-page />
-                    </el-tab-pane>
-                    <el-tab-pane label="单选框" lazy>
-                        <radio-page />
-                    </el-tab-pane>
-                    <el-tab-pane label="选项卡" lazy class="tab-pane-overflow-visible">
-                        <tabs-page />
-                    </el-tab-pane>
-                </el-tabs>
+                <div style="position: relative; min-height: 300px;">
+                    <el-tabs tabPosition="left" class="tabs-nav-no-wrap left-float-nav-tabs">
+                        <el-tab-pane label="通用" lazy>
+                            <common-page />
+                        </el-tab-pane>
+                        <el-tab-pane label="文本" lazy>
+                            <text-page />
+                        </el-tab-pane>
+                        <el-tab-pane label="单选框" lazy>
+                            <radio-page />
+                        </el-tab-pane>
+                        <el-tab-pane label="选项卡" lazy>
+                            <tabs-page />
+                        </el-tab-pane>
+                    </el-tabs>
+                </div>
             </el-space>
         </div>
     </el-scrollbar>

src/styles/tabs.scss

@@ -84,6 +84,7 @@
         height: 32px;
         padding: 4px 26px 4px 28px;
         border-radius: 16px 16px 16px 16px;
+        justify-content: center;
     }
 
     .el-tabs__item.is-left.is-active {