没有合适的资源?快使用搜索试试~ 我知道了~
登录小程序介绍 当获取到用户信息时,自动登陆。如果没有获取到用户信息,则跳转到登录界面。 登录小程序实例代码 1.创建一个新工程 2.删除logs文件夹 3.建立login和user界面 4.login.js: loginBtnClick: function () { // 用户名和密码验证的过程 app.appData.userinfo = { username:this. data.username, password:this.data.password } wx.switchTab({ url: ../user/user }) }, username
资源详情
资源评论
资源推荐
案例案例——登录界面登录界面
登录小程序介绍登录小程序介绍
当获取到用户信息时,自动登陆。如果没有获取到用户信息,则跳转到登录界面。
登录小程序实例代码登录小程序实例代码
1.创建一个新工程
2.删除logs文件夹
3.建立login和user界面
4.login.js:
loginBtnClick: function () {
// 用户名和密码验证的过程
app.appData.userinfo = { username:this. data.username, password:this.data.password }
wx.switchTab({ url: "../user/user" })
},
usernameInput: function (event) {
console.log(event)
this.setData({ username:event.detail.value })
},
passwordInput: function (event) {
this.setData({ password: event.detail.value })
}
login.wxml
用户名
密码
忘记密码
登录
没有账户? 注册
login.wxss
.mcontainer {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.item{
flex-grow:1;
height: 30%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 96%;
padding: 0 2%;
}
.image{
width: 500rpx;
height: 150rpx;
}
.login-item{
width: 90%;
margin-top: 30rpx;
border-bottom: 1px solid #eee;
flex-grow:1;
weixin_38630853
- 粉丝: 4
- 资源: 952
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0