blindDate/pages/login/index.vue

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

<script>
	export default {
		data(){
			return {
				
			}
		},
		onLoad(options){
			// #ifdef H5
			const URL = this.API.CALLBACKURL;
			const page = '/pages/index/index';
			const callbackURL = encodeURIComponent(URL + page);
			const appId = this.API.APPID;
			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);
			// #endif
			// #ifdef MP-WEIXIN
			this.$url(page, {type: 'redirect'});
			// #endif
		},
		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>