微信小程序自定义picker组件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序自定义picker组件相关的知识,希望对你有一定的参考价值。

参考技术A 封装hf-picker选择器。因为自带的picker在ios 、安卓上显示的样式不一致,产品测试提出个能不能样式弄成一致。想系统提供了picker-view这个,应该是没问题的。 

一番操作以后,发现在层级不复杂的页面效果很不错,但是在一些view嵌套view嵌套的很深,比如里面已经有非statics的父view时,那么这个选择器的弹窗显示的位置就不对了。同事说这个通过view肯定是实现不了,毕竟父view范围就那么大,除非把选择器view放到page里面去 ,是可以实现,但是违背了封装组件的原则。同事说试试half-screen-dialog,结果发现提供的Slot效果达不到UI要求.

如今有方法对half-screen-dialog的内部元素样式进行设置了,赶紧搞起。 最终结果还是挺好的。因为是dialgo弹出,所以不用考虑父view的范围问题了。 

以上是关于微信小程序自定义picker组件的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序自定义picker年月日时分秒选择器组件

微信小程序组件之picker 怎么代码中添加他的开始时间和结束时间

微信小程序 picker-view中的value啥意思

微信小程序Picker自定义数据多级联动

微信小程序Picker自定义数据多级联动

微信小程序picker-view自定义日期时间等