微信小程序中，使用到了vant组件的Picker 选择器，如何设置其在页面的高度

感谢大家的点赞和转发。试用期指导，项目开发，简历优化，毕业设计/论文，欢迎添加本人微      信。

 新人作者，欢迎关注和收藏👏🏻👏🏻

设置 Vant Picker 选择器在微信小程序中的高度

在微信小程序中使用 Vant 组件的 Picker 选择器时，可以通过以下几种方式设置其高度：

方法一：通过 CSS 样式设置

/* 在对应页面的 wxss 文件中 */
.custom-picker {
  height: 300px; /* 设置你需要的固定高度 */
}

/* 或者设置百分比高度 */
.custom-picker {
  height: 50vh; /* 视口高度的50% */
}

然后在 wxml 中：

<van-picker class="custom-picker" ... />

方法二：通过 Vant Picker 的属性设置 

Vant Picker 组件提供了一些属性可以控制高度：

<van-picker
  show-toolbar
  title="标题"
  columns="{
  
  {columns}}"
  toolbar-position="bottom"
  visible-item-count="