<template>
    <view class="container">
       <view class="logo">
		   <image src="../../static/cffp_logo.jpg" alt="" mode="widthFix"></image>
		   <text>欢迎使用CFFP</text>
	   </view>
	   <view class="inviteInfo">
		   <text>XXX邀请您</text>
		   <text>申请为XXXX区域推广人</text>
	   </view>
	   <view class="register">
		   <text>点击注册</text>
	   </view>
    </view>
</template>
<script>
    export default {
        data() {
            return {
				
            }
        }
    }
</script> 

<style lang="scss">
	.container{
		height: 100%;
		background: url('../../static/app-plus/registerBg.png') 100% 100%; 
		background-size: contain;
		color: #fff;
		.logo{
			padding-top: 100rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			border-radius: 30rpx;
			overflow: hidden;
			font-size: 40rpx;
			image{
				margin-bottom: 20rpx;
				width: 160rpx;
				height: 160rpx;
				border-radius: 30rpx;
				overflow: hidden;
			}
		}
		.inviteInfo{
			position: absolute;
			bottom: 60%;
			left: 0;
			right: 0;
			width: 100%;
			text-align: center;
			font-size: 40rpx;
			display: flex;
			flex-direction: column;
		}
	}
	.register{
		position: absolute;
		bottom: 20%;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 60%;
		height: 100rpx;
		border-radius: 80rpx;
		background-color: #20269B;
		color: #fff;
		font-size: 36rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>