欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 小程序教程 >

    微信小程序绿色风格手机绑定获取验证码样式模板制作设计下载

    2018-06-11 09:59 来源/作者:懒人模板 分类:小程序教程  « »
    制作好以后效果图如下:
    一、wxml页面代码如下:
    <view class="page bindPhone-wrap" id="bindPhonePage" data-router="bindPhonePage">
      <view class="verify-wrap" hidden="{{ hideVerifyPhone }}">
        <view class="verify-row">
          <label class="item-name">验证码</label><input placeholder="请输入验证码" bindinput="inputOldCode" /><label class="get-code-btn" bindtap="sendCodeToOldPhone" >{{ oldCodeStatus }}</label>
        </view>
        <view class="next-step" bindtap="nextStep">下一步</view>
      </view>
      <view class="bind-new-tel-wrap" hidden="{{ hideBindNewPhone }}">
        <view class="verify-row" style="border-bottom: 1px solid #e5e5e5;">
          <label class="item-name">手机号</label><input class="code-tel" bindinput="inputPhone" placeholder="请输入新手机号"/>
        </view>
        <view class="verify-row">
          <label class="item-name">验证码</label><input bindinput="inputNewCode" placeholder="请输入验证码"/><label class="get-code-btn" bindtap="sendCodeToNewPhone">{{ newCodeStatus }}</label>
        </view>
        <label class="bind-new-tel-btn {{ !newPhone || !newCode ? 'disabled' : '' }}" bindtap="bindNewPhone">绑定手机</label>
        <view class="support-tip">即速应用技术支持</view>
      </view>
    </view>
    
    

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议