小程序开放平台

文档中心
表单组件
button
checkbox
checkbox-group
editor
form
input
label
picker
picker-view
picker-view-column
radio
radio-group
slider
switch
textarea
基础内容
媒体组件
地图
视图容器
导航组件
开放能力
画布

picker-view-column

开发
>
组件
>
表单组件
>
picker-view-column
>
更新时间:2025-04-10 15:29:59

picker-view-column

滚动选择器子项。仅可放置于picker-view中,其孩子节点的高度会自动设置成与picker-view的选中框的高度一致

组件示例

  <div id="picker-container">
    <picker-view 
      value="[1, 0]" 
      indicator-style="height: 50px; line-height: 50px;" 
      indicator-class="indicator" 
      mask-style="background-color: rgba(0, 0, 0, 0.2);" 
      mask-class="mask" 
      bindchange="onPickerChange" 
      bindpickstart="onPickStart" 
      bindpickend="onPickEnd">
      
      <picker-view-column>
        <div class="picker-item">选项 1</div>
        <div class="picker-item">选项 2</div>
        <div class="picker-item">选项 3</div>
      </picker-view-column>
      
      <picker-view-column>
        <div class="picker-item">A</div>
        <div class="picker-item">B</div>
        <div class="picker-item">C</div>
      </picker-view-column>
      
    </picker-view>
</div>
该文档是否对您有帮助?