whgphone/pages/auth/index.vue

<template>
	<view class="lottie-bg">
		<view id="lottie">
			<image src="/static/img/live-logo.gif" rel="preload" />
		</view>
	</view>
</template>

<script>
	import dayjs from "@/plugin/dayjs/dayjs.min.js";
	import wechat from "@/libs/wechat";
	import {
		getUserInfo
	} from "@/api/user";
	export default {
		name: "Auth",
		mounted() {

		},
		onLoad(option) {
			let that = this
			const {
				code,
				state
			} = option;
			wechat.auth(code, state)
				.then(() => {
					// let newTime = Math.round(new Date() / 1000);
					// that.$store.commit("LOGIN", {
					// 	'token': data.token,
					// 	'time': dayjs(data.exp) - newTime
					// });
					// that.$store.commit("SETUID", data.user.uid);
					console.log(decodeURIComponent(
						decodeURIComponent(option.back_url)
					),'back_url')
					location.href = decodeURIComponent(
						decodeURIComponent(option.back_url)
					);
				})
				.catch((err) => {
					location.replace("/");
				});
		}
	};
</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>