前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序分享13:slider与switch控件

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

作者头像
LIYI
发布2022-03-08 11:35:03
5610
发布2022-03-08 11:35:03
举报
文章被收录于专栏:艺述论专栏艺述论专栏

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事件?

答案不可以。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-10-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 艺述论 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档