登錄功能是一個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
新聞熱點
疑難解答