首页 > 学院 > 开发设计 > 正文

weex开发实战(4)-实现登录功能

2019-11-09 18:05:53
字体:
来源:转载
供稿:网友

登录功能是一个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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表