[Tabs 选项卡] 被app.json设置tabBar底部导航条遮挡

[makecoder]

tdesign-miniprogram 版本

0.21.2

重现链接

No response

重现步骤

t-tabs竖向选项卡的子节点t-tab-panel的数量超过一屏。

期望结果

1. 左侧超过屏幕的标签不会被小程序底部导航条遮挡。
2. 标签和内容的滚动分开、互不干扰。
3. 向上滑动时左侧标签栏继续保持在左边，不要居中。
4. 希望增加无缝滚动效果，即一个内容区滚动完成后自动切换到下一个标签的内容区，并且标签的选中焦点也跟着同步。

实际结果

1. 左侧超过屏幕的标签就会被小程序底部导航条遮挡。
2. 左侧的滚动和右侧内容滚动方式很怪异，左侧垂直滚动右侧也滚动，右侧垂直滚动左侧也跟着动。
3. 向上滑动时左侧标签栏会突然居中。

框架版本

0.19.3、0.21.2

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

<t-tabs
  defaultValue="{{1}}"
  placement="left"
  bind:change="onTabsChange"
  bind:click="onTabsClick"
  t-class="custom-tabs-vertical"
  swipeable="{{true}}"
  sticky="{{true}}"
>
  <t-tab-panel label="标签页一" value="0">
    <view class="tab-content">标签一内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页二" value="1">
    <view class="tab-content">标签二内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页三" value="2">
    <view class="tab-content">标签三内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页四" value="3">
    <view class="tab-content">标签四内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页五" value="5">
    <view class="tab-content">标签五内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页6" value="6">
    <view class="tab-content">标签6内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页7" value="7">
    <view class="tab-content">标签7内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页8" value="8">
    <view class="tab-content">标签8内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页9" value="9">
    <view class="tab-content">标签9内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页10" value="10">
    <view class="tab-content">标签10内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页11" value="11">
    <view class="tab-content">标签11内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页12" value="12">
    <view class="tab-content">标签12内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页13" value="13">
    <view class="tab-content">标签13内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页14" value="14">
    <view class="tab-content">标签14内容区</view>
  </t-tab-panel>
  <t-tab-panel label="标签页15" value="15">
    <view class="tab-content">标签15内容区</view>
  </t-tab-panel>
</t-tabs>

[github-actions]

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

[LeeJim]

我来看下

[LeeJim]

已发布 0.22.0-beta.0 可以试试看