jhlapp/static/css/static.scss

/* 列表搜索样式*/
.search-pop {
	width: 560rpx;
	position: relative;
	height: 100vh;
	overflow: auto;
	.form-view {
		padding: 0 20rpx;
		.check-li {
			display: inline-block;
			font-size: 24rpx;
			line-height: 64rpx;
			border: 1px solid #f2f5fc;
			background-color: #f2f5fc;
			text-align: center;
			height: 64rpx;
			width: 188rpx;
			margin-right: 10rpx;
			border-radius: 8rpx;
			&:last-child {
				margin-right: 0;
			}
			&.active {
				background-color: #ffffff;
				border-color: $uni-color-primary;
				color: $uni-color-primary;
			}
		}
		.date-li {
			display: inline-block;
			font-size: 24rpx;
			border-radius: 8rpx;
			width: 230rpx;
			background-color: #f2f5fc;
			text-align: center;
		}
		.date-line {
			display: inline-block;
			margin: 0 20rpx;
		}
		.form-val {
			width: 100%;
			.float_left {
				width: calc(100% - 30rpx);
			}
		}
	}
	.search-btn {
		display: flex;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #ffffff;
		border-top: 1px solid #f5f5f5;
		.btn-li {
			flex: 2;
			line-height: 88rpx;
			text-align: center;
			&:first-child {
				color: $uni-color-primary;
			}
			&:last-child {
				color: #ffffff;
				background-color: $uni-color-primary;
			}
		}
	}
}
.detail-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	height: 100rpx;
	padding: 0 10rpx;
	z-index: 9;
	.handel-btn {
		flex: 3;
		text-align: center;
		margin: 10rpx;
		border: 1px solid $uni-color-primary;
		background-color: $uni-color-primary;
		color: #ffffff;
		line-height: 80rpx;
		height: 80rpx;
		border-radius: 8rpx;
		&.info-btn {
			background-color: #ffffff;
			border-color: #eeeeee;
			color: #333333;
		}
	}
}
.detail-view {
	padding-bottom: 100rpx;
	.form-model-view {
		padding: 0 20rpx;
		background-color: #ffffff;
		margin-bottom: 20rpx;
		input {
			text-align: right;
		}
		.form-value {
			text-align: right;
			width: 100%;
			&.add-btn-go {
				color: $uni-color-primary;
				font-size: 24rpx;
				text {
					margin-left: 10rpx;
				}
			}
		}
		.u-input {
			.u-input__input {
				text-align: right;
			}
			.u-input__textarea {
				text-align: left;
			}
		}
		input {
			&.dis-input {
				display: inline-block;
				width: calc(100% - 40rpx);
				vertical-align: middle;
				margin-right: 10rpx;
			}
		}

		.dis-input {
			.u-input {
				display: inline-block;
				width: calc(100% - 40rpx);
				vertical-align: middle;
				margin-right: 10rpx;
			}
		}
	}
}
.u-tabbar__content {
	box-shadow: 0px -4rpx 32rpx 0px rgba(156, 170, 175, 0.16);
}
.u-tabbar__content__item__text {
	.u-line-1 {
		font-size: 20rpx !important;
	}
}