点口管理

assets/css/page.scss

@@ -195,6 +195,14 @@
 			grid-template-columns: repeat(4, 1fr);
 			gap: 24rpx 16rpx;
 			overflow-x: hidden;
+
+			.empty-tip {
+				grid-column: 1 / -1;
+				text-align: center;
+				padding: 40rpx 0;
+				font-size: 26rpx;
+				color: #999;
+			}
 		}
 	
 		.grid-item {
@@ -351,4 +359,143 @@
 			}
 		}
 	}
+}
+
+// 列表页通用样式
+.page-list {
+	display: flex;
+	flex-direction: column;
+	height: 100vh;
+	background: #f5f6f8;
+
+	// 头部过滤区域
+	.filter-header {
+		background: #ffffff;
+		padding: 20rpx 24rpx;
+		border-bottom: 1rpx solid #f0f0f0;
+
+		.filter-row {
+			display: flex;
+			align-items: center;
+			gap: 16rpx;
+		}
+
+		// 选择按钮
+		.project-select-btn {
+			flex: 1;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 12rpx 24rpx;
+			background: #f5f6f8;
+			border-radius: 12rpx;
+			max-height: 70rpx;
+
+			.select-text {
+				font-size: 28rpx;
+				color: #333;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				flex: 1;
+				margin-right: 12rpx;
+			}
+		}
+
+		.refresh-btn {
+			padding: 8rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			.rotating {
+				animation: rotate 1s linear infinite;
+			}
+		}
+	}
+
+	@keyframes rotate {
+		from { transform: rotate(0deg); }
+		to { transform: rotate(360deg); }
+	}
+
+	// 列表区域
+	.list-scroll {
+		flex: 1;
+		overflow: hidden;
+	}
+
+	// 加载中
+	.loading-box {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		height: 100%;
+		padding: 80rpx 0;
+
+		.loading-text {
+			margin-top: 20rpx;
+			font-size: 26rpx;
+			color: #999;
+		}
+	}
+
+	.list-wrap {
+		padding: 24rpx;
+	}
+
+	// 列表项：序号 + 标题 + 箭头
+	.list-item {
+		display: flex;
+		align-items: center;
+		padding: 24rpx 28rpx;
+		background-color: #ffffff;
+		margin-bottom: 20rpx;
+		border-radius: 12rpx;
+		&:active {
+			background: #f8f9fa;
+		}
+
+		.item-index {
+			width: 44rpx;
+			height: 44rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background: #f0f3ff;
+			color: $u-type-primary;
+			font-size: 24rpx;
+			font-weight: 600;
+			border-radius: 50%;
+			margin-right: 20rpx;
+			flex-shrink: 0;
+		}
+
+		.item-title {
+			flex: 1;
+			font-size: 30rpx;
+			font-weight: 500;
+			color: #333;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+		}
+	}
+
+	.loading-more {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 32rpx 0;
+		color: #999;
+		font-size: 24rpx;
+	}
+
+	.no-more {
+		text-align: center;
+		padding: 32rpx 0;
+		color: #ccc;
+		font-size: 24rpx;
+	}
 }