登錄功能是一個(gè)app必備的功能,這一次我們使用weex來(lái)實(shí)現(xiàn)登錄以及記住登錄。
<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">注冊(cè)</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事件來(lái)捕獲輸入框的值 onchange:function(event){ this.username = event.value; this.hint = this.hint_a; }, onchange1:function(event){ this.password = event.value; this.hint = this.hint_a; }至于檢查賬號(hào)密碼,可以用stream.fetch來(lái)網(wǎng)絡(luò)校驗(yàn)。
項(xiàng)目源碼地址:點(diǎn)擊打開(kāi)鏈接 <-----------github
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注