sh-app/assets/css/components.scss

.project-select{
	height: 100%;
	width: 100%;
	&-btns{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		height: 80rpx;
		padding: 0 30rpx;
		border-bottom: 1px solid var(--u-border-color);
		>button{
			margin: 0;
			padding: 0 40rpx !important;
		}
	}
	&-filter{
		height: 120rpx;
		padding: 20rpx 30rpx 0;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
	}
	&-inner{
		padding-bottom: 20rpx;
		height: calc(100% - 210rpx);
		overflow: hidden;
		border-top: 1px solid var(--u-border-color);
		&-wrap{
			>.li{
				padding: 20rpx 30rpx;
				background-color: var(--u-bg-gray-light);
			}
			>.li:nth-of-type(2n){
				background-color: var(--u-bg-white);
			}
			>.li.active{
				background-color: var(--u-type-primary-dark);
				color: var(--u-white-color);
			}
			>.li:hover{
				background-color: var(--u-type-primary-dark);
				color: var(--u-white-color);
			}
		}
	}
}


.nbd-select {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #ffffff;
	border-radius: 24rpx 24rpx 0 0;
	overflow: hidden;

	&-header {
		padding: 24rpx 30rpx;
		border-bottom: 1rpx solid #e8e8e8;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		background: #fafbfc;

		.u-size-mini{
			padding: 0 30rpx !important;
			margin: 0;
		}

		.nbd-select-title-wrap {
			display: flex;
			flex-direction: column;
			.nbd-select-title {
				font-size: 30rpx;
				font-weight: 600;
				color: #333;
			}

			.nbd-select-tip {
				font-size: 24rpx;
				color: #999;
			}
		}
	}

	&-filter {
		padding: 20rpx 32rpx;
		border-bottom: 1rpx solid #e8e8e8;
		background: #fafbfc;

		.search-box {
			display: flex;
			align-items: center;
			background: #ffffff;
			border-radius: 36rpx;
			padding: 0 24rpx;
			height: 64rpx;

			.search-input {
				flex: 1;
				font-size: 28rpx;
				color: #333;
				height: 100%;
			}

			.search-clear {
				display: flex;
				align-items: center;
				padding: 4rpx;
			}
		}
	}

	&-inner {
		flex: 1;
		overflow-y: auto;
		background: #ffffff;
		&-wrap {
			padding: 12rpx 0 30rpx;
		}
	}

	&-empty {
		padding: 80rpx 0;
	}

	&-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 24rpx 30rpx;
		border-bottom: 1rpx solid #f5f6f8;
		transition: all 0.2s;
		background: #ffffff;

		&:nth-of-type(2n) {
			background: #fafbfc;
		}

		&:last-child {
			border-bottom: none;
		}

		&.active {
			background: rgba(41, 121, 255, 0.08);
			border-left: 4rpx solid $u-type-primary;
			padding-left: 26rpx;

			.nbd-select-item-text {
				color: $u-type-primary;
				font-weight: 500;
			}
		}

		.nbd-select-item-text {
			flex: 1;
			font-size: 28rpx;
			color: #333;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.nbd-select-checkbox {
			margin-left: 16rpx;
		}
	}

}