美文网首页
微信小程序自定义picker组件

微信小程序自定义picker组件

作者: cabbagesmile | 来源:发表于2021-11-12 17:08 被阅读0次

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

    对这个组件的要求就是:组件的使用方式、属性、事件跟picker组件都保持一致。实现无缝衔接,引入组件后直接将 pciker 标签名替换为 hf-picker即可。

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

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

    相关文章

      网友评论

          本文标题:微信小程序自定义picker组件

          本文链接:https://www.haomeiwen.com/subject/cdsozltx.html