alarm.scss 3.21 KB
.alert-page {
	margin-top: 5rpx;
	.u-nav-slot {
		.navbar-sty {
			position: relative;
			top: 86rpx;
			justify-content: space-between;
			align-items: center;
			.img {
				width: 40rpx;
				height: 40rpx;
			}
		}
	}

	.filter {
		justify-content: space-between;
		flex-direction: row;

		.filter-input {
			width: 580rpx;
			visibility: hidden;
		}

		.filter-text {
			margin-left: 7rpx;

			.text {
				color: #333333;
				font-size: 14px;
			}
		}

		.filter-icon {
			margin-left: 7rpx;

			.image {
				width: 40rpx;
				height: 40rpx;
			}
		}
	}
}

.org-sty {
	width: 750rpx;
	height: 150rpx;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 229rpx;

	.org-item {
		width: 350rpx;
		height: 200rpx;

		.item {
			flex-direction: row;
			margin-top: 26rpx;
			margin-left: 15rpx;

			.text {
				color: #333333;
				font-size: 15px;
				margin-left: 14rpx;
			}
		}

		.item-child {
			margin-top: 28rpx;
			flex-direction: row;

			.image {
				margin-left: 14rpx;
				width: 30rpx;
				height: 30rpx;
			}

			.text {
				margin-left: 10rpx;
				color: #666666;
				font-size: 12px;
			}
		}

		.org-image {
			width: 6px;
			height: 10px;
			float: right;
			margin-right: 34rpx;
			margin-top: 58rpx;
		}
	}
}

.device-list {
	display: flex;
	flex-direction: column;
	padding-left: 18rpx;
	justify-content: flex-start;

	.list-item {
		width: 713rpx;
		height: 233rpx;
		background-color: #fff;
		margin-top: 24rpx;
		display: flex;
		flex-direction: row;
		border-radius: 10px;
		justify-content: space-between;

		.item {
			margin: 30rpx;
			justify-content: flex-start;
			flex-direction: column;
			align-items: center;

			.item-text {
				width: 400rpx;
				text-align: left;

				.text {
					color: #666666;
					font-size: 15px;
				}

				.text-three {
					color: #333333;
					font-size: 15px;
				}

				.text-nine {
					color: #999999;
					font-size: 15px;
				}
			}

			.item-right {
				flex-direction: row;
				margin-top: -15rpx;

				.right-image {
					width: 30rpx;
					height: 30rpx;
					margin-top: 20rpx;
					margin-right: 5rpx;
				}

				.right-text {
					color: #333333;
					font-size: 13px;
					margin-left: 5rpx;
					margin-top: 20rpx;
				}
			}
		}
	}
}

.popup-page {
	height: 1100rpx;
	background: #ffffff;
	border-radius: 20rpx;
	overflow-y: scroll;
	overflow-x: hidden;

	.popup-text {
		text-align: center;
		position: relative;
		top: 68rpx;
		margin-top: -40rpx;

		.text {
			font-size: 16px;
			color: #333333;
		}
	}

	.popup-alarm-page {
		margin-top: 97rpx;
		margin-left: 98rpx;
		flex-direction: column;
		justify-content: space-between;

		.popup-alarm-text {
			width: 750rpx;
			margin-left: 14rpx;

			.text {
				color: #333333;
				font-size: 14px;
			}
		}

		.popup-alarm-child {
			margin-top: 15rpx;
			width: 650rpx;
			height: 60rpx;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			align-content: space-between;

			.alarm-text {
				margin: 10rpx;
				line-height: 50rpx;
				text-align: center;
				width: 180rpx;
				height: 60rpx;
				background-color: #f6f6f6;
				border-radius: 32px;

				.text {
					color: #333333;
					font-size: 13px;
				}
			}
		}
	}
}

.u-form {
	width: 618rpx !important;
}