blindDate/pages/login/index.vue

<template>
	<view></view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		onLoad(options){
			const callbackURL = encodeURIComponent('http://192.168.3.183:8080/#/pages/index/index');
			const appId = 'wx98e64ab875b2553e';
			const dataStr = '1';
			const redirectURI = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${callbackURL}&response_type=code&scope=snsapi_userinfo&state=${dataStr}#wechat_redirect`;
			location.replace(redirectURI);
		},
		methods: {
			
		}
	}
</script>

<style>
	page{
		overflow: hidden;
	}
</style>
<style lang="scss" scoped="scoped">
	.box{
		padding: 60rpx 32rpx;
		width: 750rpx;
		height: auto;
		box-sizing: border-box;
		position: relative;
		.img{
			width: 180rpx;
			height: 180rpx;
			border-radius: 50%;
		}
		.btn{
			background-color: #09BB07;
			color: #FFFFFF;
			width: 100%;
			height: 88rpx;
			border-radius: 42rpx;
			font-size: 32rpx;
			line-height: 88rpx;
			margin-top: 80rpx;
		}
	}
	.fixed-bottom{
		position: fixed;
		bottom: 60rpx;
		left: 0;
		padding: 0 32rpx;
		.highlight{
			color: #1e90ff;
		}
	}
	
	.mask{
		position: absolute;
		bottom: 46rpx;
		left: 0;
		width: 100%;
		height: 190rpx;
	}
	.display-inline-block{
		display: inline-block;
	}
</style>