<template>
	<view class="bind">
		<view class="text-box">
			<view class="title">
				您尚未绑定微信，绑定登录更便捷
			</view>
			<view class="desc">
				点击下方按钮绑定您的微信账号
			</view>
		</view>
		
		<button class="wx-login" @click="bind">绑定微信</button>
		
	</view>
</template>

<script>
	export default {
		methods: {
			bind() {
				uni.login({
					provider: 'weixin',
					success(r) {
						console.log(r.code);
					}
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
.bind{
	.text-box{
		margin-top: 300rpx;
		text-align: center;
		.title{
			font-weight: bold;
			font-size: 32rpx;
			color: #181818;
		}
		.desc{
			font-size: 24rpx;
			color: #999999;
			margin-top: 24rpx;
		}
	}
	.wx-login {
		width: 690rpx;
		height: 96rpx;
		line-height: 96rpx;
		border-radius: 48rpx;
		font-size: 32rpx;
		font-weight: bold;
		background: #0C6FFE;
		color: #fff;
		margin-top: 300rpx;
	}
}
</style>