微信小程序项目实践之验证码倒计时功能

前端之家收集整理的这篇文章主要介绍了微信小程序项目实践之验证码倒计时功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

效果如下:点击发送验证码按钮,按钮背景变色,不可点击,显示倒计时文字

  首先js文件的data里面 声明一个变量用于表示当前是否可以点击,codeIsCanClick = true,默认是可以点击的

  写下界面代码

  wxml文件

动态码:

  对应样式 wxss文件

  以上构成页面静态效果

  注意button有两个,分别对应的未点击和点击下的按钮样子,用js中的CodeIsCanClick控制显示隐藏

  然后在js中写逻辑代码

页面的初始数据 */ data: { codeIsCanClick: true },/** * 点击验证码按钮 */ clickCode: function () { var that = this; settime(that) },

总结

以上所述是小编给大家介绍的微信小程序项目实践之验证码倒计时功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的微信小程序相关文章