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

Picker 选择器样式存在问题 @vant/weapp(v1.10.1) #4754

Open
chankam1024 opened this issue Jan 13, 2022 · 3 comments
Open

Picker 选择器样式存在问题 @vant/weapp(v1.10.1) #4754

chankam1024 opened this issue Jan 13, 2022 · 3 comments

Comments

@chankam1024
Copy link

Picker组件推荐与弹出层组件配合使用。我写法如下图所示:
image
在微信开发者工具中是正确的,如下图所示:
image
但是在真机上测试少了下边框,测试机型小米8 UD,红米Note 11 Pro,手上只有这两款手机。
07d6e08c9881c99415a1d4a7fe82963

@chankam1024 chankam1024 changed the title Picker 选择器样式存在问题 Picker 选择器样式存在问题 @vant/weapp(v1.10.1) Jan 13, 2022
@chankam1024
Copy link
Author

我看了下源代码....貌似是因为高度固定,上下加了1px的border,导致下边框超出父容器,所以看不到了。我试着将类样式.van-hairline--top-bottom:after改为top: -49.5%; bottom: -49.5%就没问题了

@chankam1024
Copy link
Author

chankam1024 commented Jan 13, 2022

又或者把picker组件下index.wxs文件中的frameStyle(data)函数中的height+2也能解决(相当于把2px的上下border加上)。不知道我理解的对不对。

@wtuyp
Copy link

wtuyp commented Sep 1, 2022

小米9也出现这个问题,其他几台别的牌子手机没有出现这个问题。希望可以修复这个问题。

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

No branches or pull requests

3 participants