Tencent / Tencent/tdesign-miniprogram

[Tabs] t-tab-panel导航地图与子级Tabs及优化建议

Open
#3,818 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

next version
Dominant language
Vue
Stars
1.8k
Forks
337
Avg merge
1d 21h
Merged PRs (30d)
19

Description

这个功能解决了什么问题

tabs属于常用且多处都会重复使用的组件,很有必要在尾部增加一个导航地图(可使用现有下拉菜单)用于快速切换tabs,从而解决滑动tabs。
有些tabs会需要用到二级子tabs。选项卡可使用自定义图片替代文字。滑动条可自定义形状或使用图片。目前tabs渲染形式不支持skyline。

你建议的方案是什么

1.新增导航地图:tabs属于常用且多处都会重复使用的组件,很有必要在尾部增加一个导航地图(可使用现有下拉菜单)用于快速切换tabs,从而解决滑动tabs。

2.子级tabs:上方有提到tabs的重要性,有些tabs会需要用到二级子tabs,demo过程中有进行尝试自行改造二级tabs,最终也是实现可以正常使用,但一级与二级始终只可以开启一个粘性,这个问题目前没解决,官方如果出二级最好不过了,如果暂时没计划,请可能的情况下指点一下怎么双级粘性。

3.选项卡名称:开放自定义名称插槽,使用自定义图片替代文字。

4.滑动条:开放自定义滑动条插槽,自定义形状或使用图片。

5.滑动切换:目前tabs渲染形式不支持skyline,滑切显示有点生硬(无法像轮播图一样显示双屏)。

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No source files, tests, or entry points are named. First clarify which proposal is intended for t-tab-panel: navigation-map switching, nested sticky tabs, custom tab labels, custom indicators, or smoother sliding. Define the supported scope and acceptance criteria before implementation.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.