fix travel style

2025-12-16 16:57:49 +08:00
parent e650571563
commit f0f2815971
32 changed files with 1238 additions and 594 deletions
--- a/miniprogram/pages/main/travel-location-detail/index.less
+++ b/miniprogram/pages/main/travel-location-detail/index.less
@ -0,0 +1,144 @@
+// pages/main/travel-location-detail/index.less
+.travel-location-detail {
+	width: 100vw;
+	min-height: 100vh;
+	background: var(--theme-bg-page);
+	box-sizing: border-box;
+
+	.status-card {
+		padding: 64rpx 24rpx;
+	}
+
+	.content {
+		display: flex;
+		padding-top: 48rpx;
+		flex-direction: column;
+		padding-bottom: 128rpx;
+
+		.section {
+			margin-top: 32rpx;
+
+			> .title {
+				color: var(--theme-text-secondary);
+				padding: 0 32rpx;
+				font-size: 28rpx;
+				line-height: 64rpx;
+			}
+
+			&.status {
+				display: flex;
+				margin-top: 24rpx;
+				justify-content: center;
+			}
+
+			&.title {
+				color: var(--theme-text-primary);
+				padding: 24rpx;
+				text-align: center;
+				margin-top: 24rpx;
+				background: var(--theme-bg-card);
+				box-shadow: 0 2px 12px var(--theme-shadow-light);
+
+				.title-text {
+					color: var(--theme-text-primary);
+					font-size: 40rpx;
+					font-weight: bold;
+					line-height: 1.5;
+				}
+
+				.subtitle {
+					color: var(--theme-text-secondary);
+					display: block;
+					font-size: 28rpx;
+					margin-top: 12rpx;
+				}
+			}
+
+			&.location {
+
+				.t-cell__title {
+					margin: 0;
+				}
+
+				.map {
+					padding: 0;
+				}
+
+				.mini-map {
+					width: 100%;
+					height: 520rpx;
+				}
+			}
+
+			&.media {
+
+				.media-grid {
+					gap: 16rpx;
+					display: grid;
+					grid-template-columns: repeat(3, 1fr);
+
+					.media-item {
+						width: 100%;
+						height: 200rpx;
+						overflow: hidden;
+						position: relative;
+						border-radius: 12rpx;
+
+						.thumbnail {
+							width: 100%;
+							height: 100%;
+						}
+
+						.video-container {
+							width: 100%;
+							height: 100%;
+							position: relative;
+
+							.thumbnail {
+								width: 100%;
+								height: 100%;
+							}
+
+							.play-icon {
+								top: 50%;
+								left: 50%;
+								color: rgba(255, 255, 255, .9);
+								position: absolute;
+								transform: translate(-50%, -50%);
+							}
+						}
+					}
+				}
+			}
+
+			&.navigate {
+				padding: 0 16rpx;
+			}
+
+			&.action {
+				gap: 24rpx;
+				display: flex;
+				padding: 24rpx 16rpx 0 16rpx;
+
+				.edit {
+					flex: 2;
+				}
+
+				.delete {
+					flex: 1;
+				}
+			}
+		}
+	}
+}
+
+.delete-dialog {
+	padding: 16rpx 0;
+
+	.tips {
+		color: var(--theme-text-secondary);
+		font-size: 28rpx;
+		line-height: 1.5;
+		margin-bottom: 24rpx;
+	}
+}