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

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>

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

预览如下所示:

相关推荐
Cat_Rocky8 分钟前
CICD-Git简单学习 操作流程后续补
git·学习
weixin_550083159 分钟前
基于知识图谱的python个性化学习路径推荐系统项目源码
人工智能·学习·知识图谱
魔法阵维护师1 小时前
从零开发游戏需要学习的c#模块,第二十七章(远程攻击 —— 发射子弹)
学习·游戏·c#
一口吃俩胖子1 小时前
【脉宽调制DCDC功率变换学习笔记022】DCDC变换器的稳定性、奈奎斯特准则、增益裕度和相位裕度
笔记·学习
weixin_428005301 小时前
C#调用 AI学习从0开始-第1阶段(基础与工具)-第7天多轮对话记忆
人工智能·学习·c#·多轮对话·千问api调用
oddsand11 小时前
AI应用开发学习步骤-java
java·人工智能·学习
知识分享小能手1 小时前
Flask入门学习教程,从入门到精通,Flask智能租房——列表页 知识点详解(7)
python·学习·flask
吃好睡好便好1 小时前
提取矩阵所有元素
开发语言·学习·线性代数·matlab·矩阵
吃好睡好便好1 小时前
提取矩阵特定多列元素
开发语言·学习·线性代数·matlab·矩阵
z200509302 小时前
【Linux学习】Linux中进程终止和进程等待
linux·学习·操作系统