refactor pages struct

2026-01-28 14:11:54 +08:00
parent 8adc28ae9c
commit 965743be38
73 changed files with 234 additions and 176 deletions
--- a/miniprogram/pages/main/tabs/journal/index.less
+++ b/miniprogram/pages/main/tabs/journal/index.less
@@ -0,0 +1,130 @@
+.more-menu {
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 999;
+	position: fixed;
+	background: var(--theme-bg-overlay);
+
+	.content {
+		z-index: 1000;
+		position: fixed;
+		background: var(--theme-bg-menu);
+		box-shadow: 0 0 12px var(--theme-shadow-medium);
+		border-radius: 8rpx;
+	}
+}
+
+.journal-list {
+	width: 100vw;
+	
+	.content {
+
+		.date {
+			font-weight: bold;
+		}
+
+		.text,
+		.items {
+			position: relative;
+			font-size: 14px;
+		}
+
+		> .text {
+			color: var(--theme-text-primary);
+			width: calc(100% - 32px - 2rem);
+			padding: 8px 16px;
+			margin: .5rem 1rem 1rem 1rem;
+			position: relative;
+			background: var(--theme-bg-journal);
+			box-shadow: 0 2px 10px var(--theme-shadow-medium);
+			border-radius: 2px;
+
+			// 纸张纹理效果
+			&::before {
+				content: '';
+				position: absolute;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				background:
+					linear-gradient(90deg,
+						var(--theme-texture-light) 0%,
+						var(--theme-texture-bright) 50%,
+						var(--theme-texture-light) 100%),
+					linear-gradient(var(--theme-texture-line) 1px, transparent 1px),
+					linear-gradient(90deg, var(--theme-texture-line) 1px, transparent 1px);
+				pointer-events: none;
+				background-size: 100% 100%, 10px 10px, 10px 10px;
+			}
+
+			.location {
+				gap: 6rpx;
+				display: flex;
+				margin-top: 16rpx;
+				align-items: center;
+				justify-content: flex-end;
+
+				.icon {
+					color: var(--theme-wx);
+				}
+
+				.text {
+					color: var(--theme-text-secondary);
+				}
+			}
+		}
+
+		.items {
+			gap: .25rem;
+			display: flex;
+			padding-bottom: 2rem;
+			align-items: flex-start;
+
+			.column {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+
+				.item {
+					overflow: hidden;
+					background: var(--theme-bg-card);
+					margin-bottom: .25rem;
+
+					&.thumbnail {
+						width: 100%;
+						display: block;
+					}
+
+					&.video {
+						height: auto;
+						position: relative;
+
+						&::after {
+							content: "";
+							top: 50%;
+							left: 53%;
+							width: 0;
+							height: 0;
+							position: absolute;
+							transform: translate(-50%, -50%);
+							border-top: 16px solid transparent;
+							border-left: 24px solid var(--theme-video-play);
+							border-bottom: 16px solid transparent;
+							pointer-events: none;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.start {
+		color: var(--theme-text-secondary);
+		padding: 1rem 0;
+		font-size: 12px;
+		text-align: center;
+	}
+}