《微信小程序开发从入门到实战》学习二十二

3.3 开发创建投票页面

3.3.10 使用switch开关组件

用switch开关组件增加一个设置是否匿名投票的功能。

switch常用属性如下:

checked 开还是关,默认false关

disabled 是否禁用,默认false不禁用,可以开关

color switch的颜色,有默认色

bindchange checked改变时触发的事件处理函数

修改JS文件,在data对象加入一个用于保存是否匿名投票的变量:

isAnonymous: false

同时增加一个switch开关变化触发的事件处理函数:

onChangeIsAnnoymous(e) {

this.setData({

isAnonymous: e.detail.value

})

}

最后修改wxml文件,在"截止日期"设置的下方添加如下代码:

<view class="form-item">

<text class="form-item-label">匿名投票</text>

<switch checked="{{isAnonymous}}" bindchange="onChangeIsAnnoymous"/>

</view>

样式可以复用"截止日期"设置的样式,无须编写样式代码。

预览如下所示:

相关推荐
aWty_1 小时前
实分析入门(11)--Cantor三分集
学习·数学·算法·实变函数
for_ever_love__8 小时前
UI学习:UISearchController基础了解和应用
学习·ui·ios·objective-c
心中有国也有家8 小时前
GE图引擎深度解析——CANN的计算图优化与执行引擎
人工智能·pytorch·python·学习·numpy
GHL28427109010 小时前
换脸工作流学习
学习·ai
_李小白10 小时前
【android opencv学习笔记】Day 28: 滤波算法之中值滤波器
android·opencv·学习
飞翔中文网12 小时前
Java学习笔记之抽象类与接口(设计思想)
java·笔记·学习
土星碎冰机13 小时前
xxljob学习(大白话版本)
学习·运维开发
吃好睡好便好13 小时前
说说免疫力的维护
学习·生活
凉、介14 小时前
深入理解 ARMv8-A|处理器模式与寄存器
笔记·学习·嵌入式·arm
z2005093014 小时前
【linux学习】深入理解linux文件I/O,从C标准库到内核态
linux·学习·操作系统