【Tabs标签页】12个页签，展开下拉面板，下拉面板中左侧留白区域比右侧宽很多

## Issue 主题

请简述您当前遇到的问题，或者您希望在我们项目中看到的特性。可以告诉我们为此您做过的尝试，以及发生了什么现象。

## 环境信息

- 发生问题的程序版本:
- 最后一个功能正常的版本(如果适用请反馈给我们):
- 操作系统版本:
- Node.js 版本:
- Npm or Yarn 包管理器:
- JDK 版本:
- 其他信息:

## 详细描述

**我要反馈** 
[ ] 缺陷
[ ] 新特性

请您尽可能详细描述您遇到的问题现象，或者希望在项目中看的到特性。

**当前的现象:**
![输入图片说明](https://foruda.gitee.com/images/1730972257747790506/110c9e51_11386727.png "屏幕截图")
请描述缺陷的详细清单

**期望的结果:**

请描述如果程序没有缺陷的正常表现结果

**重现步骤:**

请描述可以再现次缺陷的操作步骤，最好提供示例代码

**相关代码:**

```
                        <f-tabs activeId="Attachment-list" :fill="false">
                            <f-tab-page id="Detail-list" title="订单明细标题比较长超过7个字符1111" :toolbar="toolbar1" >
                                
                                    <f-data-grid :columns="columns" :row-number="false" :data="Detaildata">
                                    </f-data-grid>
                                
                            </f-tab-page>
                            <f-tab-page id="Attachment-list" title="发票附件" :toolbar="toolbar2" toolbarPosition="inHead">
                                
                                    <f-data-grid :columns="AttachmentListColumns" :row-number="false" :data="AttachmentData">
                                    </f-data-grid>
                                
                            </f-tab-page>
                            <f-tab-page id="tab1" title="订单流程信息1">

</f-tab-page>
                            <f-tab-page id="tab2" title="订单合同信息2">

</f-tab-page>
                            <f-tab-page id="tab3" title="标签页3">

</f-tab-page>
                                
                            <f-tab-page id="tab4" title="标签页4">
                                
                            </f-tab-page>
                            <f-tab-page id="tab5" title="标签页5">
                                
                            </f-tab-page>
                            <f-tab-page id="tab6" title="标签页6">
                                
                            </f-tab-page>
                            <f-tab-page id="tab7" title="标签页7">
                                
                            </f-tab-page>
                            <f-tab-page id="tab8" title="标签页8">
                                
                            </f-tab-page>
                            <f-tab-page id="tab9" title="标签页9">
                                
                            </f-tab-page>
                            <f-tab-page id="tab10" title="标签页10">
                                
                            </f-tab-page>
                        </f-tabs>
```

```
请在这些粘贴程序堆栈或者相关代码
```

**其他信息:**

您可以在这里反馈与当前问题相关的其他信息，例如：相关的其他Issue, 堆栈信息，您的修复建议，社区的相关讨论链接等。

GVP UBML/farris-vue

内容风险标识

评论 (1)

GVPUBML/farris-vue

内容风险标识