위챗 애플릿 로그인 및 점프 성공

3433 단어 위챗
//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;

}

좋은 웹페이지 즐겨찾기