登录功能是一个app必备的功能,这一次我们使用weex来实现登录以及记住登录。
<template> <div class="wrapper"> <div class="nav_bar"> <div style="flex:1;"></div> <div class="nav_text"> <text style="color:#FFFFFF;">{{title}}</text> </div> <div style="flex:1;"></div> </div> <div class="nav_line"></div> <div class="form"> <div class="username f-common"> <text class="text_user txt">用户名:</text> <input type="text" maxlength="12" oninput="onchange" class="input"/> </div> <div class="passWord f-common"> <text class="text_pass txt">密码:</text> <input type="password" maxlength="20" oninput="onchange1" class="input"/> </div> </div> <div class="action"> <div class="signin ac-common" onclick="showsp"> <text class="text">注册</text> </div> <div class="login ac-common" onclick="setsp"> <text class="text">登录</text> </div> </div> <div class="hintwrapper" if="{{show}}"> <text class="hint">{{hint}}</text> </div> </div></template>利用input的onchange事件来捕获输入框的值onchange:function(event){ this.username = event.value; this.hint = this.hint_a; }, onchange1:function(event){ this.password = event.value; this.hint = this.hint_a; }至于检查账号密码,可以用stream.fetch来网络校验。项目源码地址:点击打开链接 <-----------github
新闻热点
疑难解答