查看: 72|回覆: 0

uni-app picker-view不显示问题

[複製鏈接]

3

主題

0

回帖

0

積分

热心网友

金币
0
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2008-5-8
發表於 2021-1-4 14:49:00 | 顯示全部樓層 |閲讀模式

这样的代码在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;
}

  

回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部