不二如是 发表于 2018-6-29 09:58:25

051 ∞ 表单组件：switch

本帖最后由 不二如是 于 2018-6-29 09:58 编辑

http://xxx.fishc.com/forum/201805/02/171248f4zdsipf6d4qjnjl.png

上一讲我们搞定了slider，本次来学习switch。

switch，开关选择器，属性：

属性名        类型        默认值        说明
checked        Boolean        false        是否选中
type        String        switch        样式，有效值：switch, checkbox
bindchange        EventHandle                checked 改变时触发 change 事件，event.detail={ value:checked}
color        Color                switch 的颜色，同 css 的 color


index.wxml：
<view class="body-view">
    <switch checked bindchange="switch1Change"/>
    <switch bindchange="switch2Change"/>
</view>

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





课后作业


1、小程序中的开关选择器是？



答案：
**** Hidden Message *****



如果有收获，别忘了评分{:10_281:} ：

http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif

这位鱼油，如果喜欢小程序，请订阅 专辑☞（传送门）（不喜欢更要订阅{:10_297:} ）

http://xxx.fishc.com/forum/201803/21/151715umqz1qoywp11wjbq.gif

一笙彤 发表于 2020-7-8 09:38:20

0
页: [1]
查看完整版本: 051 ∞ 表单组件：switch