微信小程序picker-view组件用于时间或自定义选项选择,通过嵌入picker-view-column实现多列选择。本文介绍了其基本用法和注意事项。
picker-view 从API version 4开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 嵌入页面的滑动选择器。 子组件不支持。 属性除支持通用属性外,还支……欲了解更多信息欢迎访问华为HarmonyOS开发者官网
楼主有解决方法了吗
方法/步骤 1 首先准备一个小程序项目，如下图所示 2 然后声明一个wxml文件，其中主要是picker-view和picker-view-column的结合使用，如下图所示 3 然后就是准备picker-view需要的数据了，如下图所示 4 接着编写值改变的事件，如下图所示，选择了哪个值通过参数传进来 5 运行以后我们就可以看到如下图所示的级联...
picker-view 嵌入页面的滚动选择器 属性名类型说明最低版本 valueNumberArray数组中的数字依次表示 picker-view 内的 picker-view-column 选择的第几项(下标从 0 开始),数字大于 picker-view-column 可选项长度时,选择最后一项。 indicator-styleString设置选择器中间选中框的样式...
picker组件时一个从底部弹起的可滚动的选择器(嵌入页面滚动器组件picker view查看https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker view.html),支持5种选择器 : 普通选择器、多列、时间、日期和省市区 , 通过
-mask"><picker-view-column><viewwx:for="{{timeArr}}"wx:key="item"style="line-height:50px">{{item}}</view></picker-view-column></picker-view><viewclass="tip-txt">{{timeTipStr}}</view><viewbind:tap="clickHandler"class="btn-single-content">确定</view></view></view></view>...
picker-view 嵌入页面的滑动选择器。 该组件从从API version 4 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 子组件不支持。 属性 名……欲了解更多信息欢迎访问华为HarmonyOS开发者官网
</picker-view> wxss: // 设置头部的取消和确定按钮 picker-view .btns { width: 100%; height: 100rpx; color: #baa076; display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; left: 0; z-index: 5; ...
无奈UI颜色跟自带picker对不上,就基于picker-view实现了一个 如果觉得不错,请给个start,谢谢 为什么要自定义picker 原生小程序picker不支持自定义样式,无联动。该自定组件 支持自定义数据 支持自定义样式 支持传入和返回对象或者基本类型 支持联动(改变父列,子列根据关联自动变化) 使用 直接将picker文件夹拖入工程 ...