首页 > PHP资讯 > 工具库 > 微信小程序组件解读和分析之switch开关选择器

微信小程序组件解读和分析之switch开关选择器

工具库
switch 开关选择器组件说明:

switch,开关选择器。只能选择或者不选。这种属于表单控件或者查询条件控件。

switch 开关选择器示例代码运行效果如下:

下面是WXML代码:

[XML] 纯文本查看 复制代码

  switch style          switch style          checkbox style          checkbox style          西游记里都有谁      牛魔王        孙悟空         猪八戒        旗木卡卡西  

下面是JS代码:

[JavaScript] 纯文本查看 复制代码

Page({  switch1Change: function (e){    console.log('switch1 发生 change 事件,携带值为', e.detail.value)  },  switch2Change: function (e){    console.log('switch2 发生 change 事件,携带值为', e.detail.value)  }})

下面是WXSS代码:

[CSS] 纯文本查看 复制代码

.page {    min-height: 100%;    flex: 1;    background-color: #FBF9FE;    font-size: 32rpx;    overflow: hidden;}



switch 开关选择器的主要属性


个人经验:适用于选择一单项选择true和false,不建议用checkbox样式

这个适用于选择一单项选择true和false,不建议使用checkbox样式。因为checkbox控件已经有了。而且,这种用checkbox样式时,没有带后面的文本,图片上文本是我拼凑的,还没有加控制事件(不应该这么用)

以上就是微信小程序组件解读和分析之switch 开关选择器的详细内容,更多请关注 第一PHP社区 其它相关文章!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持10不支持0