add searchable

miniprogram/components/journal-list/index.less

@@ -2,29 +2,52 @@
 .journal-list {
 	width: 100%;
 	height: 100%;
+	display: flex;
+	flex-direction: column;
 
-	.item {
-
-		&.selected {
-			background: var(--td-bg-color-secondarycontainer);
-		}
-
-		.thumb {
-			width: 96rpx;
-			height: 96rpx;
-			object-fit: cover;
-			background: var(--td-bg-color-component);
-			flex-shrink: 0;
-			margin-right: 16rpx;
-			border-radius: 8rpx;
-		}
+	.search-bar {
+		padding: 8rpx 16rpx;
+		flex-shrink: 0;
+		background: var(--td-bg-color-container);
+		box-shadow: 0 4rpx 8rpx var(--theme-shadow-light);
 	}
 
-	.loading,
-	.finished,
-	.empty {
-		color: var(--td-text-color-placeholder);
-		padding: 24rpx 0;
-		text-align: center;
+	.scroll-content {
+		flex: 1;
+		height: 0;
+		padding: 0;
+
+		.item {
+
+			&.selected {
+				background: var(--td-bg-color-secondarycontainer);
+			}
+
+			.thumb {
+				width: 96rpx;
+				height: 96rpx;
+				flex-shrink: 0;
+				object-fit: cover;
+				margin-right: 16rpx;
+				border-radius: 8rpx;
+				background: var(--td-bg-color-component);
+			}
+
+			.date {
+				color: gray;
+			}
+
+			.location {
+				font-size: 24rpx;
+			}
+		}
+
+		.loading,
+		.finished {
+			color: var(--td-text-color-placeholder);
+			padding: 32rpx 0;
+			font-size: 24rpx;
+			text-align: center;
+		}
 	}
 }