E企盈营销工具技术服务商 热线:4006-838-530

小程序picker组件怎么用

E企盈直播平台营销卖货系统

我刚学小程序的时候上拉选择框老是会忘掉,所以今天就写一下文章可以方便记忆,下次就不用老是去搜了,大家也可以一起看。wxml代码:普通组件:pickerclass=’form-input’mode=”selector”range='{{sexArray}}’value='{{sexIndex}}’bindchange=’sexChange'{{sexIndex!=”请选择”?sexArray[sexIndex]:”请选择”}}/picker日期组件:pickerclass=’form-input’mode=”date”start=”1820-01-01″end=”9999-01-01″bindchange=’DateChange'{{userDate}}/pickerjs代码:/页面的初始数据/data:{sexIndex:’请选择’,sexArray:[“男”,”女”],userDate:”请选择”,},/性别选择/sexChange:function(e){letthas=this;thas.setData({sexIndex:e.detail.value});},/日期选择/DateChange:function(e){letthas=this;thas.setData({userDate:e.detail.value});css:.form-item{display:flex;padding:10rpx0;line-height:2rem;border-bottom:solid1px#ECABA6;}.form-item.form-label{flex:1%;max-width:5rem;}.form-item.form-input{flex:1%;display:inline-block;height:2rem;line-height:2rem;}.form-imageimage{min-height:841rpx;height:841rpx;display:block;}.submit-box{position:fixed;bottom:0;left:0;right:0;}.submit-box.submit{border-radius:0;color:#fff;background:#DB6461;height:80rpx;line-height:80rpx;text-align:center;}效果图:文章灵感来自:

E企盈系统专业开发:万商直播系统开发,直播系统,直播平台系统源码,小程序直播,商城版小程序,分销小程序,小程序定制,微分销,微商,微信分销,微信分销商城,微信分销系统,微信分销管理,微信分销平台,微商代理系统,E企盈是专业的直播小,E企盈是专业的直播小程序,公众号分销系统,营销系统,社群私域流量卖货系统技术开发商,热线:4006-838-530
赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序picker组件怎么用
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏