微信小程序 登录并成功跳转

//app.js

App({

onLaunch: function () {

// 展示本地存储能力

var logs = wx.getStorageSync('logs') || []

logs.unshift(Date.now())

wx.setStorageSync('logs', logs)

},

getUserInfo: function (cb) {

var that = this

if (this.globalData.userInfo) {

typeof cb == "function" && cb(this.globalData.userInfo)

} else {

//调用登录接口

wx.login({

success: function () {

wx.getUserInfo({

success: function (res) {

that.globalData.userInfo = res.userInfo

typeof cb == "function" && cb(that.globalData.userInfo)

}

})

}

})

}

},

globalData: {

userInfo: null

}

})

//logs.js

var app = getApp()

Page({

data: {

phone: '',

password: '',

userInfo: {}

},

onLoad: function () {

var that = this

//调用应用实例的方法获取全局数据

app.getUserInfo(function (userInfo) {

//更新数据

that.setData({

userInfo: userInfo

})

})

},

// 获取输入账号

phoneInput: function (e) {

this.setData({

phone: e.detail.value

})

},



// 获取输入密码

passwordInput: function (e) {

this.setData({

password: e.detail.value

})

},



// 登录

login: function () {

if (this.data.phone.length == 0 || this.data.password.length == 0) {

wx.showToast({

title: '用户名和密码不能为空',

icon: 'none',

duration: 2000

})

} else if(this.data.phone=="admin"&&this.data.password=="admin") {

// 这里修改成跳转的页面

wx.showToast({

title: '登录成功',

icon: 'success',

duration: 2000,

success:function(){

wx.navigateTo({

url: '../index/index'

})

}

})

}else{

wx.showToast({

title: '登录失败',

icon: 'none',

duration: 2000

})

}

}

})

账号:









密码:









登录

 

//logs.wxss

page{

height: 100%;

}

.container {

height: 100%;

display: flex;

flex-direction: column;

padding: 0;

box-sizing: border-box;

background-color: #fff

}

.userinfo {

padding: 100rpx 0;

align-items: center;

}

.userinfo-avatar {

width: 128rpx;

height: 128rpx;

margin: 20rpx;

border-radius: 50%;

}

/*表单内容*/

.login-from {

margin-top: 0rpx;

flex: auto;

height:100%;

}

.inputView {

background-color: #fff;

line-height: 44px;

}

/*输入框*/

.nameImage, .keyImage {

margin-left: 10px;

width: 15px;

height: 15px

}

.loginLab {

margin: 15px 15px 15px 40px;

color: #545454;

font-size: 14px

}

.inputText {

flex: block;

float: right;

text-align: center;

margin-right: 100px;

margin-top: 11px;

color: #cccccc;

font-size: 14px

}

.line {

width: 100%;

height: 1px;

background-color: #cccccc;

margin-top: 1px;

}

/*按钮*/

.loginBtnView {

width: 100%;

height: auto;

background-color: #fff;

margin-top: 0px;

margin-bottom: 0px;

padding-bottom: 0px;

}

.loginBtn {

width: 80%;

margin-top: 35px;

}