废话不说。直接上解决方法。
在页面中,添加以下css即可。
1 uni-picker-view { 2 display: block; 3 } 4 5 uni-picker-view .uni-picker-view-wrapper { 6 display: flex; 7 position: relative; 8 overflow: hidden; 9 height: 100%; 10 background-color: white; 11 } 12 13 uni-picker-view[hidden] { 14 display: none; 15 } 16 17 picker-view { 18 width: 100%; 19 height: 600upx; 20 margin-top:20upx; 21 }
picker-view-column,可能还需要添加下面的样式
1 .item { 2 line-height: 100upx; 3 text-align: center; 4 }
——————————————完成。刷新页面试试看—————————————————
文档上没写这个东西,uni-APP社区也没这个问题。从百度找到了uni-APP的社区提问,他只是给了思路。我在上面把具体解决方法放出来了。
真是比较坑
