uni-app picker-view不顯示問題

這樣的代碼在uni-app中不顯示，剛開始以為是框架問題導致不能使用，

<picker-view v-show="true" :value="value" @change="bindChange">
      <picker-view-column>
        <view class="item" v-for="item in toDayList" :key="item">
          {{ item }}
        </view>
      </picker-view-column>
      <picker-view-column>
        <view class="item" v-for="item in hours" :key="item">
          {{ item }}
        </view>
      </picker-view-column>
      <picker-view-column>
        <view class="item" v-for="item in minutes" :key="item">
          {{ item }}
        </view>
      </picker-view-column>
      <picker-view-column>
        <view class="item" v-for="item in seconds" :key="item">
          {{ item }}
        </view>
      </picker-view-column>
    </picker-view>

　　

后來經過百度發現需要添加一些樣式

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;
  height: 400rpx;
  margin-top: 20upx;
}
.item {
  line-height: 100upx;
  text-align: center;
}