微信小程序分享13:slider与switch控件

2022-03-08 11:35:03 浏览数 (1)

1,slider滑块

index.wxml:

slider是数值滑块,有max、min最大、最小值,step步数,show-value与progress类似,表示是否在右端显示数值。文档中的right-icon与left-icon在模拟中没有显示,或许在手机上可能显示。

index.js:

在for循环中,在pageData上动态创建函数,这种写法依然不提倡。

2,switch是否开头

switch开头控件属性非常少,checked表示选中,type有两个选项:switch与checkbox,另有change事件。

如果type改为checkbox,与11课内的自定义实现的checkbox很像。label标签可以用于switch控件:

运行效果:

单击文本改变控件开头状态。

练习1:checkbox-group能否用于switch,当其type为checkbox时?

答案不可以,没反应。switch做为checkbox,只能单独使用。

练习2:label用在switch上,单击label能否触发change事件?

答案不可以。

0 人点赞