Tencent / tdesign-vue-next

A Vue3.x UI components lib for TDesign.
https://tdesign.tencent.com/vue-next
MIT License
1.46k stars 470 forks source link

[Tabs] 添加了action后下滑块穿模了 #4414

Open yixiaco opened 3 months ago

yixiaco commented 3 months ago

tdesign-vue-next 版本

1.9.7

重现链接

No response

重现步骤

<t-tabs :default-value="effectTag" @change="handleTabChange">
  <template #action>
    <t-button>sss</t-button>
  </template>
  <t-tab-panel value="index" lazy>
    <template #label>
      <t-badge dot :count="indexCount" :offset="[-1, 0]"> 评论和@ </t-badge>
    </template>
    <MessageCommentList />
  </t-tab-panel>
  <t-tab-panel label="新增粉丝" value="fans" lazy>
    <template #label>
      <t-badge dot :count="fansCount" :offset="[-1, 0]"> 新增粉丝 </t-badge>
    </template>
    <MessageFansList />
  </t-tab-panel>
  <t-tab-panel label="赞和收藏" value="like" lazy>
    <template #label>
      <t-badge dot :count="linkCount" :offset="[-1, 0]"> 赞和收藏 </t-badge>
    </template>
    <MessageLikeList />
  </t-tab-panel>
  <t-tab-panel label="系统通知" value="notice" lazy>
    <template #label>
      <t-badge dot :count="systemCount" :offset="[-1, 0]"> 系统通知 </t-badge>
    </template>
    <MessageSystemList />
  </t-tab-panel>
</t-tabs>

期望结果

No response

实际结果

image

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

github-actions[bot] commented 3 months ago

👋 @yixiaco,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。