refactor pages struct

2026-01-28 14:11:54 +08:00
parent 8adc28ae9c
commit 965743be38
73 changed files with 234 additions and 176 deletions
--- a/miniprogram/pages/main/travel/location-editor/index.less
+++ b/miniprogram/pages/main/travel/location-editor/index.less
@ -0,0 +1,201 @@
+// pages/main/travel/location-editor/index.less
+
+.travel-location-editor {
+	width: 100vw;
+	min-height: 100vh;
+
+	.content {
+		padding-bottom: 64rpx;
+
+		.loading {
+			display: flex;
+			padding: 128rpx 0;
+			align-items: center;
+			flex-direction: column;
+
+			.text {
+				color: var(--theme-text-secondary);
+				margin-top: 24rpx;
+				font-size: 28rpx;
+			}
+		}
+
+		.section {
+			margin-top: 48rpx;
+
+			.rate-cell {
+
+				&.decided {
+
+					.rate {
+						display: block;
+						gap: 16rpx;
+						display: flex;
+						align-items: center;
+					}
+					
+					.text {
+						display: none;
+					}
+				}
+
+				&.undecided {
+
+					.rate {
+						display: none;
+					}
+					
+					.text {
+						display: block;
+					}
+				}
+			}
+
+			> .title {
+				color: var(--theme-text-secondary);
+				padding: 0 32rpx;
+				font-size: 28rpx;
+				line-height: 64rpx;
+			}
+
+			&.location {
+
+				.note {
+					color: var(--theme-text-primary);
+				}
+
+				.value {
+
+					.title {
+						width: 2em;
+					}
+				}
+			}
+
+			&.media {
+
+				.gallery {
+					gap: 10rpx;
+					padding: 0 6rpx;
+					display: grid;
+					grid-template-columns: repeat(3, 1fr);
+
+					.item {
+						width: 220rpx;
+						height: 220rpx;
+						position: relative;
+						overflow: hidden;
+						background: var(--theme-bg-card);
+						box-shadow: 1px 1px 6px var(--theme-shadow-light);
+						border-radius: 2rpx;
+
+						&.add {
+							color: var(--theme-wx);
+							margin: 0;
+							font-size: 80rpx;
+							background: transparent;
+
+							&::after {
+								border-radius: 0;
+							}
+						}
+
+						.thumbnail {
+							width: 240rpx;
+							height: 240rpx;
+							display: block;
+						}
+
+						.video-container {
+							position: relative;
+
+
+							.play-icon {
+								top: 50%;
+								left: 50%;
+								color: rgba(255, 255, 255, .8);
+								z-index: 2;
+								position: absolute;
+								font-size: 128rpx;
+								transform: translate(-50%, -50%);
+								text-shadow: 4rpx 4rpx 0 rgba(0, 0, 0, .5);
+								pointer-events: none;
+							}
+						}
+
+						.delete {
+							top: 10rpx;
+							right: 10rpx;
+							color: rgba(255, 255, 255, .6);
+							z-index: 3;
+							position: absolute;
+							font-size: 45rpx;
+
+							&::after {
+								content: "";
+								top: 0;
+								width: 100%;
+								height: 100%;
+								z-index: -1;
+								position: absolute;
+								background: rgba(0, 0, 0, .6);
+								border-radius: 50%;
+							}
+						}
+
+						.new-badge {
+							top: 10rpx;
+							left: 10rpx;
+							color: var(--theme-wx);
+							z-index: 3;
+							display: flex;
+							position: absolute;
+							font-size: 45rpx;
+							text-shadow: 4rpx 4rpx 0 rgba(0, 0, 0, .5);
+						}
+					}
+				}
+			}
+
+			&.upload {
+				gap: 16rpx;
+				display: flex;
+				padding: 24rpx 32rpx;
+				margin-top: 24rpx;
+				align-items: center;
+				border-radius: 12rpx;
+				background: var(--theme-bg-card);
+
+				.text {
+					color: var(--theme-text-secondary);
+					font-size: 28rpx;
+				}
+			}
+
+			&.action {
+				gap: 24rpx;
+				display: flex;
+				padding: 24rpx 16rpx 48rpx 16rpx;
+	
+				.delete {
+					flex: .6;
+				}
+	
+				.submit {
+					flex: 1;
+				}
+			}
+		}
+	}
+}
+
+.delete-dialog {
+	padding: 16rpx 0;
+
+	.tips {
+		color: var(--theme-text-secondary);
+		font-size: 28rpx;
+		line-height: 1.5;
+		margin-bottom: 24rpx;
+	}
+}