封装hf-picker选择器。因为自带的picker在iOS 、安卓上显示的样式不一致,产品测试提出个能不能样式弄成一致。想系统提供了picker-view这个,应该是没问题的。
一番 *** 作以后,发现在层级不复杂的页面效果很不错,但是在一些view嵌套view嵌套的很深,比如里面已经有非statics的父view时,那么这个选择器的d窗显示的位置就不对了。同事说这个通过view肯定是实现不了,毕竟父view范围就那么大,除非把选择器view放到page里面去 ,是可以实现,但是违背了封装组件的原则。同事说试试half-screen-dialog,结果发现提供的Slot效果达不到UI要求
如今有方法对half-screen-dialog的内部元素样式进行设置了,赶紧搞起。 最终结果还是挺好的。因为是dialgod出,所以不用考虑父view的范围问题了。
前两天看 文档 看到选择器那块儿的时候,前面4个基本都能理解: class , #id , element , element, element ,但后面两个 ::after 和 ::before (文档中说,分别表示在view 组件的后面和前面插入内容),表示有点没有理解。于是上网仔细查了下。以下是笔记
wxml
wxss
js
效果
其实,after和before可以添加的不仅仅是像上面这种字符串,以下是可以添加的常用的内容
具体的请参考这篇文章
准备开发小程序的企业、商家,在开发之前,一定要先弄清楚,自己需要一个什么样类型的小程序。那么,小程序的类型都有哪些一起看看吧~1电商类小程序电商类小程序是所有类型小程序里数量占比最大的,其中生鲜电商、母婴电商、时尚电商等细分行业的小程序的最多。电商小程序不仅可以实现商品展示、下单、付款等功能,还能跟踪快递,用起来非常方便。2预订类小程序随着互联网的发展,在出行之前,用网络预订酒店、机票、车票、餐饮,似乎已经成为一种习惯。在网上预订,不仅方便、快捷,而且有时候还可以享受到一定的优惠对于从事酒店、票务、餐饮行业的企业、商家而言,如果拥有自己的小程序,就可以让用户通过自己的平台进行预订,不仅有利于提升用户的体验,还能够省下一笔与第三方预订平台合作的费用。此外,小程序还可以与自己的官网、公众号配合使用,这样还也可以获取到更多的流量。3地区服务类小程序地区平台类也是一个小程序的类型,例如家政服务、美容美发、保洁服务等等。随着人们生活水平的提高,越来越多的人都喜欢“被服务”,因此地区服务类小程序也得到快速发展对于从事地区服务类的企业、商家而言,如果拥有自己的小程序,就可以通过附近的小程序等功能,让自己的门店、企业辐射到周边5KM内的人群,从而带来一定的流量。此外,在选择相关服务的时候,通常也更倾向于选择距离最近的服务商。所以,对于从事地区服务行业的企业、商家而言,小程序绝对是一个非常好的宣传推广、获客引流渠道。其实,小程序的类型还有很多,除上述几个之外,还有像健身场馆类、教育类、游戏类、工具类等等。所以,企业、商家们在做小程序之前,一定要先弄清,自己需要一个什么类型的小程序,小程序都需要哪些功能,这样才能使小程序顺利开发。
功能:
年月日时分秒,固定选择范围
效果:
自定义组件实现:
utils/datePickerjs
定义组件components/datePicker/datePickerjs
components/datePicker/datePickerwxml
components/datePicker/datePickerwxss
使用datePicker组件
indexjson
indexwxml
indexjs
微信小程序让日期选择器循环的方法是:
1、自定义选择器组件需要用到picker-view跟picker-view-column。
2、打开选择器时就要获取到当前的年月日,使用for遍历直接生成年份数组跟月份数组。注:天数根据年份跟月份动态生成。
3、在选择的过程中,选择器有个改变事件,当年份或者月份改变的时候,天数要随之变化。
在编写表单的时候,因为有一个省市区的选择器重复用到,所以想拎出来当一个组件,同时后面又增加需求,这个表单页面展示时,先查数据,有的话要展示
但是这时我从后台拿到数组,发现传进组件的数据,接收到了却没有展示出来,看了其他博客,说是渲染问题:
picker里面的参数在data里已经完成初始化了
所以结果就是value对应的是data里面初始化的值,初始化的值为空,自然默认值只能是第一个。
我这里在组件中使用observers解决的
另外,不是组件,表单页面上直接使用picker组件也有这个问题,从后台拿到数据,即时使用了setData修改picker 的index,数据也没有展示出来,我的解决方式:
对原生微信小程序不是很熟,仅供参考
以上就是关于微信小程序自定义picker组件全部的内容,包括:微信小程序自定义picker组件、微信小程序 CSS 选择器::after和::before的简单使用、小程序的一般类型有哪几种等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)