refactor pages struct

miniprogram/pages/main/journal/map/index.less

@@ -0,0 +1,100 @@
+/* pages/main/journal/map/index.less */
+.container {
+	width: 100%;
+	height: 100vh;
+	position: fixed;
+	overflow: hidden;
+
+	.map {
+		width: 100%;
+		height: 100%;
+
+		.location {
+			width: fit-content;
+			background: var(--theme-bg-card);
+			box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
+			border-radius: 6rpx;
+	
+			.content {
+				display: flex;
+				padding: 8rpx 16rpx 8rpx 8rpx;
+				align-items: flex-start;
+	
+				.thumb {
+					width: 72rpx;
+					height: 72rpx;
+					position: relative;
+					flex-shrink: 0;
+					margin-right: 12rpx;
+					overflow: hidden;
+					border-radius: 6rpx;
+	
+					.img {
+						width: 100%;
+						height: 100%;
+					}
+	
+					.badge {
+						top: 4rpx;
+						right: 4rpx;
+						color: #fff;
+						padding: 2rpx 6rpx;
+						position: absolute;
+						font-size: 20rpx;
+						background: rgba(0, 0, 0, .7);
+						border-radius: 8rpx;
+					}
+				}
+	
+				.text {
+					flex: 1;
+					display: flex;
+					overflow: hidden;
+					flex-direction: column;
+	
+					.value {
+						color: var(--theme-text-primary);
+						width: calc(var(--title-length) * 30rpx);
+						overflow: hidden;
+						font-size: 30rpx;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						margin-bottom: 4rpx;
+					}
+	
+					.date-count {
+						display: flex;
+	
+						.date {
+							color: var(--theme-text-secondary);
+							font-size: 24rpx;
+							margin-right: 16rpx;
+						}
+	
+						.count {
+							color: var(--theme-wx);
+							font-size: 24rpx;
+							font-weight: 600;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.loading {
+		top: 50%;
+		left: 50%;
+		z-index: 1000;
+		position: fixed;
+		transform: translate(-50%, -50%);
+
+		.loading-text {
+			color: #666;
+			padding: 24rpx 48rpx;
+			background: #FFF;
+			border-radius: 8rpx;
+			box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
+		}
+	}
+}