邓平艺
5 years ago
6 changed files with 223 additions and 77 deletions
-
194App - 副本.vue
-
56App.vue
-
1common/api.js
-
22common/shared.js
-
2main.js
-
25pages/login/index.vue
@ -0,0 +1,194 @@ |
|||
<script> |
|||
export default { |
|||
globalData: { |
|||
wxlogin: () => {} |
|||
}, |
|||
onLaunch: function() { |
|||
this.getUserInfo(); |
|||
}, |
|||
onShow: function() { |
|||
// #ifdef MP-WEIXIN |
|||
this.getUpdateWexin(); // 小程序更新检查 |
|||
// #endif |
|||
}, |
|||
onHide: function() { |
|||
console.log('App Hide') |
|||
}, |
|||
methods: { |
|||
wxlogin(){ |
|||
uni.login({ |
|||
complete: result => { |
|||
if(result.errMsg == 'login:ok'){ |
|||
let code = result.code; |
|||
this.$http(this.API.API_WXLOGIN, { code }).then(res => { |
|||
console.log("获得用户信息", res); |
|||
uni.setStorageSync('userinfo', res.data); |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
// 获取用户信息 |
|||
getUserInfo(){ |
|||
this.globalData.wxlogin = this.wxlogin; |
|||
let userinfo = uni.getStorageSync('userinfo'); |
|||
if(userinfo && userinfo.id){ |
|||
return; |
|||
} |
|||
// console.log(this.globalData) |
|||
|
|||
this.wxlogin(); |
|||
|
|||
// uni.login({ |
|||
// complete: result => { |
|||
// if(result.errMsg == 'login:ok'){ |
|||
// let code = result.code; |
|||
// this.userCode(code); |
|||
// } |
|||
// } |
|||
// }) |
|||
}, |
|||
// 接口code换取用户信息 |
|||
userCode(code){ |
|||
console.log("code", code); |
|||
this.$http(this.API.API_WXLOGIN, { code }).then(res => { |
|||
console.log("获得用户信息", res); |
|||
uni.setStorageSync('userinfo', res.data); |
|||
}) |
|||
}, |
|||
// 登录 |
|||
login(){ |
|||
this.checkSession().then(code => { |
|||
this.userCode(code); |
|||
}).catch(err => { |
|||
console.log("进入。。。。。。") |
|||
uni.login({ |
|||
complete: result => { |
|||
console.log(result) |
|||
if(result.errMsg == 'login:ok'){ |
|||
let code = result.code; |
|||
this.userCode(code); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
}, |
|||
// 校验登录态是否过期，如果没有过期还要判断本地有没有token |
|||
checkSession(){ |
|||
return new Promise((resolve, reject) => { |
|||
uni.checkSession({ |
|||
complete: result => { |
|||
if(result.errMsg == 'checkSession:ok'){ // 处于登录状态 session未过期 |
|||
// let login_token = uni.getStorageSync('login_token'); |
|||
let login_token = undefined; |
|||
if(login_token){ |
|||
resolve(login_token); |
|||
}else{ |
|||
reject(); // 本地没有token，重新调取登录 |
|||
} |
|||
}else{ // session已过期，需要重新登录 |
|||
reject(); |
|||
} |
|||
} |
|||
}) |
|||
}); |
|||
}, |
|||
// 小程序版本更新检查 |
|||
getUpdateWexin(){ |
|||
const updateManager = uni.getUpdateManager(); // 获取版本更新管理器对象 |
|||
updateManager.onCheckForUpdate(function(res) { |
|||
// 请求完新版本信息的回调 |
|||
if (res.hasUpdate) { |
|||
updateManager.onUpdateReady(function(res2) { |
|||
uni.showModal({ |
|||
title: '更新提示', |
|||
content: '发现新版本，是否重启应用?', |
|||
confirmColor: '#FE9903', |
|||
showCancel: false, |
|||
success(res2) { |
|||
if (res2.confirm) { |
|||
// 新的版本已经下载好，调用applyUpdate应用新版本并重启 |
|||
updateManager.applyUpdate(); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
updateManager.onUpdateFailed(function(res) { |
|||
// 新的版本下载失败 |
|||
uni.showModal({ |
|||
title: '提示', |
|||
content: '检查到有新版本，但下载失败，请检查网络设置', |
|||
confirmColor: '#FE9903', |
|||
success(res) { |
|||
if (res.confirm) { |
|||
// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启 |
|||
updateManager.applyUpdate(); |
|||
} |
|||
} |
|||
}); |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
@import "uview-ui/index.scss"; |
|||
@import './colorui/main.css'; |
|||
@import './colorui/icon.css'; |
|||
@import "@/colorui/animation.css"; |
|||
@import '@/common/styles/common.css'; |
|||
/*每个页面公共css */ |
|||
//底部按钮 |
|||
.btn-bottom { |
|||
position: fixed; |
|||
left: 0; |
|||
bottom: 0; |
|||
width: 100%; |
|||
z-index: 1; |
|||
} |
|||
|
|||
// loading加载 |
|||
.loading-more { |
|||
align-items: center; |
|||
justify-content: center; |
|||
padding-top: 10px; |
|||
padding-bottom: 10px; |
|||
text-align: center; |
|||
font-size: 28rpx; |
|||
color: #999; |
|||
} |
|||
.loading-more-text::before { |
|||
content: ''; |
|||
width: 20px; |
|||
height: 20px; |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
-webkit-animation: weuiLoading 1s steps(12, end) infinite; |
|||
animation: weuiLoading 1s steps(12, end) infinite; |
|||
background-repeat: no-repeat; |
|||
background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E"); |
|||
background-size: 100%; |
|||
} |
|||
@-webkit-keyframes weuiLoading { |
|||
0% { |
|||
transform: rotate3d(0, 0, 1, 0deg); |
|||
} |
|||
|
|||
100% { |
|||
transform: rotate3d(0, 0, 1, 360deg); |
|||
} |
|||
} |
|||
@keyframes weuiLoading { |
|||
0% { |
|||
transform: rotate3d(0, 0, 1, 0deg); |
|||
} |
|||
|
|||
100% { |
|||
transform: rotate3d(0, 0, 1, 360deg); |
|||
} |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue