UNI-APP的H5模式，picker-view不顯示問題

廢話不說。直接上解決方法。

在頁面中，添加以下css即可。

uni-picker-view {
  display: block;
}

uni-picker-view .uni-picker-view-wrapper {
  display: flex;
  position: relative;
  overflow: hidden;
  height: 100%;
  background-color: white;
}

uni-picker-view[hidden] {
  display: none;
}

picker-view {
    width: 100%;
    height: 600upx;
    margin-top:20upx;
}

picker-view-column，可能還需要添加下面的樣式

.item {
    line-height: 100upx;
    text-align: center;
}

——————————————完成。刷新頁面試試看—————————————————

文檔上沒寫這個東西，uni-APP社區也沒這個問題。從百度找到了uni-APP的社區提問，他只是給了思路。我在上面把具體解決方法放出來了。

真是比較坑