微信小程序获取验证码60S倒计时，点击事件和搜索实现（输入框获取写入数据）

丶枕边人

于 2019-08-26 16:51:57 发布

阅读量1.4k

点赞数 4

分类专栏：微信小程序文章标签：验证60S 点击事件搜索

本文链接：https://blog.csdn.net/nan961136007/article/details/100080689

版权

本文介绍了微信小程序中实现60秒验证码倒计时、点击事件响应以显示相关内容，以及搜索功能的实现，包括输入框数据的获取和利用。文中通过wxml、wcss和js代码展示了具体实现过程。

摘要由CSDN通过智能技术生成

	由于小程序实现比较简单，所以全部都写在一起了。

首先是获取验证码60秒倒计时
先来上两张图
在这里插入图片描述

wxml代码

<view class='form-line'>

  <input class='input-text' placeholder='请输入您的验证码' bindinput='verify'></input>
  <!-- block 表示判断成立才显示的代码 -->
  <block wx:if='{
  {yanStatus == false}}'>
    <view class='yanzen' bindtap='yanZheng'>获取短信验证码</view>
  </block>
  <block wx:else>
    <view class='yanzen-row'>
      <view class='time'>{
  {minute}}</view>
      <view class="smiao">s后重新获取</view>
    </view>
  </block&g