support archive moment to exist journal

miniprogram/pages/main/moment/index.less

@@ -102,66 +102,87 @@
 	}
 }
 
+.t-popup--bottom {
+	padding-bottom: 0 !important;
+}
+
 .archive-popup {
 
 	.container {
 		width: 100vw;
+		display: flex;
+		overflow: hidden;
 		background: var(--td-bg-color-container);
+		flex-direction: column;
 		border-top-left-radius: 16rpx;
 		border-top-right-radius: 16rpx;
 
+		&.select-journal {
+			max-height: 80vh;
+
+			.content {
+				flex: 1;
+				height: 0;
+			}
+		}
+
+		&.form {
+
+			.content {
+				padding: 16rpx 32rpx;
+
+				.section {
+					width: 100%;
+					margin-top: 1.5rem;
+
+					.label {
+						color: var(--theme-text-secondary);
+					}
+
+					&.type {
+						display: flex;
+
+						.radio {
+							margin-right: 1em;
+						}
+					}
+
+					&.time {
+						display: flex;
+
+						.picker {
+							margin-right: .25rem;
+						}
+					}
+				}
+			}
+		}
+
 		.header {
 			display: flex;
 			align-items: center;
 			height: 116rpx;
-	
+			border-bottom: 1px solid var(--td-component-stroke);
+
 			.title {
 				flex: 1;
 				color: var(--td-text-color-primary);
 				font-size: 36rpx;
 				text-align: center;
-				font-weight: 600;
+				font-weight: bold;
 			}
-		
+
+			.placeholder {
+				width: 128rpx;
+			}
+
 			.btn {
 				margin: 0 .5rem;
-		
+
+				&.back,
 				&.cancel {
 					color: var(--td-text-color-secondary);
 				}
-			
-				&.confirm {
-					color: var(--theme-success);
-				}
-			}
-		}
-
-		.content {
-			padding: 16rpx 32rpx;
-
-			.section {
-				width: 100%;
-				margin-top: 1.5rem;
-
-				.label {
-					color: var(--theme-text-secondary);
-				}
-
-				&.type {
-					display: flex;
-
-					.radio {
-						margin-right: 1em;
-					}
-				}
-
-				&.time {
-					display: flex;
-					
-					.picker {
-						margin-right: .25rem;
-					}
-				}
 			}
 		}
 	}