点口管理

2026-06-10 17:26:36 +08:00
parent 787ad93dee
commit 810d2bfc40
12 changed files with 571 additions and 810 deletions
@@ -44,4 +44,128 @@
 			}
 		}
 	}
-}
+}
+
+
+.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;
+		}
+	}
+
+}