微信小程序如何设置按钮点击变色

微信小程序如何设置按钮点击变色,第1张

这个需求可以通过动态类名来实现

首先 我们先把写好选中时和未选中时的wxss样式(choose为选中,nochoose为察姿未选中)

然后在html中写下几个按钮并加上类名的判断条件

最后在js文件里通过点击事件chnageColor来接收不虚没渗同按钮点击时传过来的index

实现差脊效果如下图所示

这样即可实现按钮的点击变色,有不足之处还请大家指正

1.创建微信小程序项目;2.在index.wxml文昌码宏件中添加按钮组件代码;3.在index.wxss文件里添加两种按钮样耐册式;4.在index.js文件中添加交互代码来测试效果;5.保存编辑的代码并进行调试即可。模物


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12217516.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存