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

[Bug Report] tab可滚动造成文字跟横杠错位 #2850 #2854

Merged
merged 2 commits into from Apr 10, 2019

Conversation

console66
Copy link
Contributor

Please makes sure the items are checked before submitting your PR, thank you!

  • Rebase before creating a PR to keep commit history clear.
  • Only One commit
  • No eslint errors

@airyland airyland merged commit c4c4d46 into airyland:v2 Apr 10, 2019
@smltui
Copy link

smltui commented Sep 29, 2019

tab组件,没有一行时候,下划线会错乱

@smltui
Copy link

smltui commented Sep 29, 2019

image
如果是配置满的话,没问题

@smltui
Copy link

smltui commented Sep 29, 2019

image

@console66
Copy link
Contributor Author

console66 commented Sep 29, 2019 via email

@PengsiwenOOO
Copy link

我在微信开发工具上也到过 自己写了 也是第一个错位 不过是在最左边 只有一半的长度

@PengsiwenOOO
Copy link

lALPDgQ9q4Ty7n3NCHDNBDg_1080_2160

@wwkiscool
Copy link

我也是这个第一个只有一点长度

@wwkiscool
Copy link

完事了 tab-item 的这个属性active-class 给个类名 然后给一下border-bottom 就可以了 @PengsiwenOOO

@tooyoungtobeloved
Copy link

@wwkiscool 你好,能说说具体怎么解决的吗,我现在也是只有一半的宽度

@wwkiscool
Copy link

@wwkiscool 你好,能说说具体怎么解决的吗,我现在也是只有一半的宽度

具体忘记了 好像是 父级给宽度

@tooyoungtobeloved
Copy link

@wwkiscool 父级给了宽度也没有生效,主要我没看懂你说的active-class和border-bottom啥意思,是要去改源码吗

@wwkiscool
Copy link

应该不用修改源码 时间有点久了 应该是 你看文档 tab-item不是有个active-class这个属性么,给这个属性赋值一个名字 然后给这个名字写个css 就行了

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

Successfully merging this pull request may close these issues.

None yet

6 participants