add editor

2025-12-09 18:02:23 +08:00
parent 6dc4d71718
commit 19b6206695
13 changed files with 898 additions and 22 deletions
--- a/miniprogram/pages/main/journal-editor/index.less
+++ b/miniprogram/pages/main/journal-editor/index.less
@ -0,0 +1,134 @@
+/* pages/main/journal-editor/index.wxss */
+.container {
+
+	.content {
+		width: calc(100% - 64px);
+		padding: 0 32px 32px 32px;
+		display: flex;
+		align-items: center;
+		flex-direction: column;
+
+		.loading {
+			padding: 64px 0;
+			text-align: center;
+			color: var(--theme-text-secondary);
+		}
+
+		.label {
+			color: var(--theme-text-secondary);
+		}
+
+		.section {
+			width: 100%;
+			margin-top: 1.5rem;
+
+			&.time {
+				display: flex;
+
+				.picker {
+					margin-right: .25rem;
+				}
+			}
+
+			&.media {
+
+				.gallery {
+					gap: 10rpx;
+					display: grid;
+					grid-template-columns: repeat(3, 1fr);
+
+					.item {
+						width: 200rpx;
+						height: 200rpx;
+						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;
+						}
+
+						.thumbnail {
+							height: 200rpx;
+							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(0, 0, 0, .7);
+							z-index: 3;
+							position: absolute;
+							font-size: 45rpx;
+						}
+
+						.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);
+						}
+					}
+				}
+			}
+		}
+
+		.progress {
+			width: 100%;
+			margin-top: 1rem;
+		}
+
+		.ctrl {
+			width: 100%;
+			display: flex;
+			margin-top: 1rem;
+			align-items: center;
+
+			.delete {
+				width: 200rpx;
+			}
+
+			.save {
+				flex: 1;
+				margin-left: 12rpx;
+			}
+		}
+	}
+}
+
+.delete-dialog {
+	padding: 16rpx 0;
+
+	.tips {
+		color: var(--theme-text-secondary);
+		font-size: 28rpx;
+		line-height: 1.5;
+		margin-bottom: 24rpx;
+	}
+}