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组件提个建议 #844

Closed
MotorFu opened this issue Feb 20, 2017 · 4 comments
Closed

给tabs组件提个建议 #844

MotorFu opened this issue Feb 20, 2017 · 4 comments

Comments

@MotorFu
Copy link

MotorFu commented Feb 20, 2017

antd-mobile: 1.0.0

目标模块:Tabs

惊喜:
实现了滑动功能,下一步希望能搞定滚动功能

建议:
希望能够提供一个可以设置一屏显示的标签数,因为有时候标签的长度可能需要4-6个字,再加上自定义样式,远远超出了默认设定的5个标签数,导致出现冲突,
0.9.x版本我给am-tabs-bar样式加上overflow: scroll; am-tabs-tab的样式加上display: inline-table,可以实现滚动。

但是升级到1.0.0后,由于设置的标签长度超出了5个标签的长度(即超出了界面)导致页面不美观

结尾:
不知工程师们 下一步是否有这方面的优化?

@paranoidjk
Copy link
Contributor

  1. 滑动目前只支持内容滑动,你说的滚动是指顶部的滚动?这个work in progress Tabs => bar 增加 scrollable 支持 #394

  2. tab标签数可以考虑,默认5个是我们的设计规范

@MotorFu
Copy link
Author

MotorFu commented Feb 20, 2017

对的,是顶部滚动。
设置标签数的问题,希望能在下个版本出来

@MotorFu
Copy link
Author

MotorFu commented Feb 20, 2017

@paranoidjk 发现一个样式问题:

TabBar组件的返回按钮
.am-navbar-left样式的
margin-left: .3rem; 改成 padding-left: .3rem;
否则返回的点击区域少了15px的宽度

@paranoidjk
Copy link
Contributor

很好的提议,已经修改 👍 有优化的地方非常欢迎给我们提pull request

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants