refactor pages struct

miniprogram/pages/main/travel/editor/index.less

@@ -0,0 +1,112 @@
+// pages/main/travel/editor/index.less
+
+.travel-editor {
+	width: 100vw;
+	min-height: 100vh;
+
+	.content {
+		padding-bottom: 64rpx;
+
+		.loading {
+			display: flex;
+			padding: 128rpx 0;
+			align-items: center;
+			flex-direction: column;
+
+			.loading-text {
+				color: var(--theme-text-secondary);
+				margin-top: 24rpx;
+				font-size: 28rpx;
+			}
+		}
+
+		.section {
+			margin-top: 48rpx;
+
+			> .title {
+				color: var(--theme-text-secondary);
+				padding: 0 32rpx;
+				font-size: 28rpx;
+				line-height: 64rpx;
+			}
+
+			.picker .slot {
+				gap: 16rpx;
+				display: flex;
+				align-items: center;
+			}
+
+			.note {
+				color: var(--theme-text-primary);
+			}
+
+			.travel-at-content,
+			.days-content {
+				gap: 16rpx;
+				display: flex;
+				align-items: center;
+
+				.clear-icon {
+					color: var(--theme-text-tertiary);
+					cursor: pointer;
+
+					&:active {
+						opacity: .6;
+					}
+				}
+
+				.undecided-text {
+					color: var(--theme-text-tertiary);
+					cursor: pointer;
+
+					&:active {
+						opacity: .6;
+					}
+				}
+			}
+
+			.days {
+
+				&.decided {
+					--td-cell-vertical-padding: 24rpx;
+
+					.t-cell__title {
+						display: flex;
+						align-items: center;
+					}
+				}
+			}
+		}
+
+		.submit-section {
+			gap: 24rpx;
+			display: flex;
+			padding: 24rpx 16rpx 48rpx 16rpx;
+			margin-top: 64rpx;
+			flex-direction: column;
+
+			&.horizontal {
+				flex-direction: row;
+
+				.save-btn {
+					flex: 2;
+				}
+
+				.delete-btn {
+					flex: 1;
+				}
+			}
+		}
+	}
+}
+
+.delete-dialog {
+	padding: 16rpx 0;
+
+	.tips {
+		color: var(--theme-text-secondary);
+		font-size: 28rpx;
+		line-height: 1.5;
+		margin-bottom: 24rpx;
+	}
+}