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

feat: add swipeableTabBar for antd-mobile #56

Merged
merged 1 commit into from
Mar 2, 2017

Conversation

paranoidjk
Copy link
Member

ref: gitlab/react-ui/ant-mobile/issues/404

设计师需求:

  • TabBar 支持滑动
  • 两侧若可滑动,要有渐入渐出的css效果
  • 初始的时候要居中

其他feature:

  • 可以 swipeableTabContent结合使用

antd-mobile 封装demo: https://github.com/ant-design/ant-design-mobile/pull/882/files

close ant-design/ant-design-mobile#394

@coveralls
Copy link

Coverage Status

Changes Unknown when pulling a97376f on feat/swipeableTabBar into ** on master**.

@coveralls
Copy link

Coverage Status

Changes Unknown when pulling 9c8223c on feat/swipeableTabBar into ** on master**.

@paranoidjk
Copy link
Member Author

@afc163 有时间帮忙看下,没问题的话需要这边合了发个版本 ant-design/ant-design-mobile#882

npm owner ls rc-tabs                                            
afc163 <afc163@gmail.com>
dxq613 <dxq613@gmail.com>
yiminghe <yiminghe@gmail.com>

@@ -26,6 +26,12 @@
height: 99999px;
}

&-right &-nav-swipe {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

left 和 right 样式一样,合并下?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • 样式还是不合并了,参考上面一行scrollTabBar的样式,也是分四个position写在4个文件里的,好维护
  • 用例我来补下吧

@afc163
Copy link
Member

afc163 commented Feb 28, 2017

补下用例吧。

@paranoidjk paranoidjk changed the title feat: add swipeableTabBar for antd-mobile [WIP] feat: add swipeableTabBar for antd-mobile Mar 2, 2017
@coveralls
Copy link

Coverage Status

Changes Unknown when pulling e7eaf17 on feat/swipeableTabBar into ** on master**.

@coveralls
Copy link

Coverage Status

Changes Unknown when pulling c5f1e74 on feat/swipeableTabBar into ** on master**.

@paranoidjk paranoidjk changed the title [WIP] feat: add swipeableTabBar for antd-mobile feat: add swipeableTabBar for antd-mobile Mar 2, 2017
@paranoidjk
Copy link
Member Author

ping @afc163 done.

test只加了基础功能,滑动过程涉及getComputedStyle比较难测就没写,但在ant-design/ant-design-mobile#882 这边实测没问题了

paranoidjk added a commit to ant-design/ant-design-mobile that referenced this pull request Mar 2, 2017
@coveralls
Copy link

Coverage Status

Changes Unknown when pulling 759a282 on feat/swipeableTabBar into ** on master**.

@paranoidjk
Copy link
Member Author

@afc163 npm owner 加下我也可以

@afc163
Copy link
Member

afc163 commented Mar 2, 2017

🎯   ant-design@2.7.4 git:❨master❩ npm owner add paranoidjk rc-tabs
+ paranoidjk (rc-tabs)

@paranoidjk paranoidjk merged commit a9e5d20 into master Mar 2, 2017
@paranoidjk paranoidjk deleted the feat/swipeableTabBar branch March 2, 2017 11:10
@paranoidjk
Copy link
Member Author

已经release 7.2.0, demo在这 http://react-component.github.io/tabs/examples/swipeInkTabBar.html

paranoidjk added a commit to ant-design/ant-design-mobile that referenced this pull request Mar 2, 2017
paranoidjk added a commit to ant-design/ant-design-mobile that referenced this pull request Mar 2, 2017
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

Successfully merging this pull request may close these issues.

Tabs => bar 增加 scrollable 支持
4 participants