search

youzan / vant-weapp

轻量、可靠的小程序 UI 组件库
https://vant.pro/vant-weapp/
MIT License
17.67k stars 3.48k forks source link

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

Open chankam1024 opened 2 years ago

chankam1024 commented 2 years ago

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

chankam1024 commented 2 years ago

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

chankam1024 commented 2 years ago

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

wtuyp commented 2 years ago

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