xinelu-nurse-app/pages/login/login.scss

.app {
		padding: 0;
		height: 100vh;
		background-image: url(../../static/bg.png);
		background-size: 100% 100%;
		position: relative;
		overflow: scroll;

		.forget {
			color: #18CBB3;
			margin-top: 20rpx;
			text-align: right;
		}

		.text {
			font-size: 32rpx;
			font-family: SourceHanSansCN-Medium, SourceHanSansCN;
			font-weight: 500;
			color: #333333;
			position: absolute;
			text-align: center;
			top: 22%;
			width: 100%;
			left:0;
			margin: 0 auto;
		}

		image {
			position: absolute;
			width: 114rpx;
			height: 114rpx;
			left: 50%;
			top: 12%;
			transform: translateX(-50%);
		}

		.body {
			width: 100%;
			height: 70%;
			position: relative;
			top: 32%;
			overflow: scroll;
			background: #F9F9F9;
			border-radius: 30rpx 0rpx 0rpx 30rpx;
			opacity: 1;

			.login {
				top: 31px;
				width: 36%;
				height: 49px;
				font-size: 23px;
				font-family: SourceHanSansCN-Medium, SourceHanSansCN;
				font-weight: 500;
				color: #18CBB3;
				/* background: red; */
				position: relative;

				.logins {
					position: absolute;
					left: 50%;
					transform: translateX(-50%);
					// top: 5%;

				}

				.border {
					width: 30rpx;
					height: 8rpx;
					background: #18CBB3;
					border-radius: 4rpx 4rpx 4rpx 4rpx;
					opacity: 1;
					position: absolute;
					left: 50%;
					transform: translateX(-50%);
					border: 1rpx solid #18CBB3;
					top: 65rpx;
				}
			}

			.name {
				position: relative;
				width: 92%;
				/* background: red; */
				left: 50%;
				transform: translateX(-50%);
				top: 9%;

				::v-deep .u-form-item--left {
					font-size: 30rpx;
				}

				.pwd {
					display: inline-block;
					position: absolute;
					right: 10%;
					font-size: 30rpx;
					font-family: SourceHanSansCN-Regular, SourceHanSansCN;
					font-weight: 400;
					color: #18CBB3;
					line-height: 38rpx;
				}
			}

			.loginsubmit {
				text-align: center;
				width: 83%;
				height: 88rpx;
				line-height: 88rpx;
				background: #18CBB3;
				/* position: absolute; */
				margin: 177rpx auto 40rpx;
				color: #fff;
				border-radius: 100rpx
			}
		}
	}