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事件?
答案不可以。