Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tabs 怎么可以 右边、或者 底部 定位? #1181

Closed
pxim opened this issue Nov 13, 2024 · 5 comments
Closed

Tabs 怎么可以 右边、或者 底部 定位? #1181

pxim opened this issue Nov 13, 2024 · 5 comments
Labels
💡 feature 功能需求

Comments

@pxim
Copy link

pxim commented Nov 13, 2024

Description

请问 Tabs 怎么可以 右边、或者 底部 定位?
现在只能 顶部 或者 左边 排列
direction | string | 'horizontal' | 方向,可选值为 horizontal vertical

我想有下图,类似antd的这个功能
image
https://ant.design/components/tabs-cn

@JeromeLin
Copy link
Collaborator

暂不支持,已加入迭代计划。临时办法:你可以只用选项卡部分,display:none内容部分,内容用单独的容器控制,高亮线条可能需要部分css覆盖

@pxim
Copy link
Author

pxim commented Nov 13, 2024

暂不支持,已加入迭代计划。临时办法:你可以只用选项卡部分,display:none内容部分,内容用单独的容器控制,高亮线条可能需要部分css覆盖

好的,谢谢

@JeromeLin JeromeLin added the 💡 feature 功能需求 label Nov 14, 2024
JeromeLin added a commit to JeromeLin/zarm that referenced this issue Nov 15, 2024
JeromeLin added a commit to JeromeLin/zarm that referenced this issue Nov 18, 2024
@JeromeLin
Copy link
Collaborator

@pxim 看看这个PR是否符合你的使用场景 #1184

@pxim
Copy link
Author

pxim commented Dec 23, 2024

@pxim 看看这个PR是否符合你的使用场景 #1184

更新版本后,上下左右切换方向功能都实现了;
只是 bottom模式,tab panel里内容高度不一样的话,整个tab 按钮区域就直接 往上移了,bottom模式应该 以tab按钮区域为定位点,如果内容高度不一样,内容往下移吧;

top、left、right 内容定位都是对的;

image
image

@JeromeLin
Copy link
Collaborator

@pxim 我觉得目前这样设定没啥问题,你可以根据场景设置内容区域为固定高度就能解决

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
💡 feature 功能需求
Projects
None yet
Development

No branches or pull requests

2 participants