实例内容
- 登陆界面
- 处理登陆表单数据
- 处理登陆表单数据(异步)
- 清除本地数据
实例一: 登陆界面
在app.json
中添加登陆页面pages/login/login
,并设置为入口。
保存后,自动生成相关文件(挺方便的)。
修改视图文件login.wxml
-
<!--pages/login/login.wxml-->
-
<view class="container">
-
<form bindsubmit="formSubmit">
-
<view class="row">
-
<text>姓 名:</text>
-
<input type="text" name="userName" placeholder="请输入用户名" />
-
</view>
-
<view class="row">
-
<text>密 码:</text>
-
<input type="password" name="userPassword" placeholder="请输入密码" />
-
</view>
-
<view class="row">
-
<button type="primary" form-type="submit">登陆</button>
-
</view>
-
</form>
-
</view>
修改登陆样式login.wxss
-
/* pages/login/login.wxss */
-
.container{
-
padding: 1rem;
-
font-size: 0.9rem;