aiot-app/pages/login/login.scss

.content{
	width: 100vw;
	height: 100vh;
	background: url('../../static/u5.png') no-repeat top center ;
	background-size: 140%;
	box-sizing: border-box;
}

.setting{
	position: absolute;
	top: 80rpx;
	right: 40rpx;
}
.content{
	// position: fixed;
	// height: 100%;
	  
}
.login-title{
	position: absolute;
	bottom: 40%;
	width: 100%;
	text-align: center;
}
.login-title label{
	display: block;
	color: #fff;
	font-size: 50rpx;
	padding-bottom: 22rpx;
}
.login-title text{
	color: #fff;
	font-size: 32rpx;
}
//登录输入区域
.login-content{
	width: 100%;
	height: 35%;  
	position: fixed;
	bottom:0;
	background-color: #fff;
	border-top-right-radius: 35rpx;
	border-top-left-radius: 35rpx;
	left: 0;
	right: 0;
	.password-memo{
		text-align: center;
		padding-top: 10rpx;
		/deep/uni-checkbox .uni-checkbox-input {
			border-radius: 0 !important;
		}
	}
	button{
		// background-color: $j-primary-green;
		background-color: #157A2C;
		color: #fff;
		margin-top: 40rpx;
		height: 90rpx;
		line-height: 90rpx;
		font-size: 32rpx;

		&[disabled]{
			background-color: rgba($color: #157A2C, $alpha: 0.5);
		}
	}
	.form{
		position: absolute;  
		width:80%;
		left: 50%;
		transform: translateX(-50%);
	}
	.login-input{
		height: 130rpx;  
		line-height: 130rpx;
		border-bottom: 1rpx solid $uni-border-color;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		span{
			margin-top: 12rpx;
		}
		.icon-lable{
			width: 45rpx;
			height: 100%;
			background:url(../../static/acount.png) no-repeat left 65%;
			background-size: 35rpx;
		}
			
		.icon-lable2{
			width: 45rpx;
			height: 100%;
			background:url(../../static/password.png) no-repeat left 65%;
			background-size: 35rpx;
		}
		input{
			height: 160rpx;
			font-size: 28rpx;
			color: $uni-text-color;
		}
	}
}