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

Open
console66 opened this issue Jun 10, 2018 · 11 comments

Comments

Projects
None yet
4 participants
@console66
Copy link
Contributor

commented Jun 10, 2018

VUX version

2.9.1

OS/Browsers version

移动端

Vue version

2.5.17-beta.0

Code

你们官方dome也会出现这个问题

Steps to reproduce

你们官方dome也会出现这个问题

What is Expected?

文字和下划横杠对应

What is actually happening?

出现错位

@wg5945

This comment has been minimized.

Copy link
Collaborator

commented Jun 10, 2018

2.5.17-beta.0?
tab滚动是v2.8.1才加上的

如果是最新的demo,请提供机型

@console66

This comment has been minimized.

Copy link
Contributor Author

commented Jun 10, 2018

@wg5945 是最新demo,还没有用到真机调试,只是本地调试而已,我发现你们官方demo上也会出现这个问题的![](url
image
)

@wg5945

This comment has been minimized.

Copy link
Collaborator

commented Jun 10, 2018

哦,看截图应该是windows下滚动条的问题,在mac上看不出来,呵呵

可以f12切换成手机模式然后看demo原始链接

@console66

This comment has been minimized.

Copy link
Contributor Author

commented Jun 11, 2018

@wg5945
image
image
我在iphone6s plus 测试了一下发现tab的父级width没有100%或者有padding都会出现这个情况,

@wg5945

This comment has been minimized.

Copy link
Collaborator

commented Jun 11, 2018

如果是你这样的ui的确可能这样

最近忙着出差,暂时没有时间处理,可以看下源码中这块的实现,提个pr

@yundGo

This comment has been minimized.

Copy link

commented Jun 25, 2018

遇到同样问题,是父级的padding引起的。

@yundGo

This comment has been minimized.

Copy link

commented Jun 25, 2018

请问有解决方法吗

@console66

This comment has been minimized.

Copy link
Contributor Author

commented Jun 25, 2018

@yundGo 没有彻底解决,只是改了一下他们的组件

@yundGo

This comment has been minimized.

Copy link

commented Jun 25, 2018

@likangshou 哦哦,我是将父级的padding去掉,在组件上面加上marging,然后把width设置为100%,这样也可以。

@console66

This comment has been minimized.

Copy link
Contributor Author

commented Jun 25, 2018

@yundGo 哦,你的情景跟我上面的一样吗

@bigbigqiang

This comment has been minimized.

Copy link

commented Jul 12, 2018

源码里面是根据window.innerWidth,所以tab是整个页面宽才不会出错,而且是js计算得来的,所以设置样式根本不管用,如果你的右侧有按钮的话,就弃用吧,唉,这个ui只是表面上看起来不错,各种问题

airyland added a commit that referenced this issue Apr 10, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.