73 lines
1.2 KiB
Vue
73 lines
1.2 KiB
Vue
<template>
|
|
<view class="lottie-bg">
|
|
<view id="lottie">
|
|
<image src="/static/img/live-logo.gif" rel="preload" />
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import wechat from "@/libs/wechat";
|
|
import {
|
|
getUserInfo
|
|
} from "@/api/user";
|
|
export default {
|
|
name: "Auth",
|
|
mounted() {
|
|
|
|
},
|
|
onLoad(option) {
|
|
const {
|
|
code,
|
|
state
|
|
} = option;
|
|
wechat.auth(code, state)
|
|
.then(() => {
|
|
getUserInfo().then(res => {
|
|
location.href = decodeURIComponent(
|
|
decodeURIComponent(option.back_url)
|
|
);
|
|
}).catch(res => {
|
|
console.log('getUserInfo错误='+res);
|
|
});
|
|
})
|
|
.catch((err) => {
|
|
console.log('auth错误='+err);
|
|
});
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.lottie-bg {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
background-color: #fff;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 999;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
#lottie {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
transform: translate3d(0, 0, 0);
|
|
margin: auto;
|
|
|
|
image {
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
}
|
|
}
|
|
</style>
|