- - - - + - - @@ -70,33 +58,56 @@ --> - - -

{{item.monthDay}}

- - - - - + + + {{selectedMonthTitle}} + + + + + + + {{item.weekday}} + {{item.day}} + + + {{item.year}} + {{item.month}} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - {{item.year}}年 - - -

{{historyItem.monthDay}}

- - - - - - -
-
-
-
- diff --git a/miniprogram/pages/upload/upload.wxss b/miniprogram/pages/upload/upload.wxss index 76d63a8..85df855 100755 --- a/miniprogram/pages/upload/upload.wxss +++ b/miniprogram/pages/upload/upload.wxss @@ -2,18 +2,17 @@ .upload-container.morning, .upload-container.afternoon { - /* background-color: #f3d2c1; */ - background-color: #fffffe; + background: linear-gradient(180deg, #FDFDFC 0%, #EAF7FF 48%, #ECEBFF 100%); } .morning .history-wrap, .afternoon .history-wrap { - color: rgb(0, 24, 88); + /* color: rgb(0, 24, 88); */ } .upload-container { min-height: 100vh; - background-color: #232946; + background: linear-gradient(180deg, #0E1330 0%, #162447 40%, #6B85C8 75%, #EAF1FF 100%); padding: 0; position: relative; padding-top: calc(var(--height) + 100rpx); @@ -84,8 +83,8 @@ /* 历史记录区域 */ .history-wrap { position: relative; - padding: 40rpx 40rpx; - color: #b8c1ec; + /* padding: 40rpx 40rpx; */ + /* color: #b8c1ec; */ } .history-card-title { margin-top: 40rpx; @@ -95,21 +94,33 @@ width: 100%; } -.morning .history-card-item, -.afternoon .history-card-item { - /* background-color: rgb(254, 246, 228); */ - background-color: #faeee7; +.image-grid { + width: 100%; + max-height: 900rpx; + padding: 24rpx; + box-sizing: border-box; + display: flex; + flex-wrap: wrap; + justify-content: space-between; } +.grid-item { border-radius: 24rpx; overflow: hidden; margin-bottom: 24rpx; } +.grid-image { width: 100%; height: 220rpx; object-fit: cover; } +.cols-1 .grid-item { width: 100%; } +.cols-2 .grid-item { width: calc(50% - 12rpx); } +.cols-3 .grid-item { width: calc(33.333% - 16rpx); } +.cols-1 .grid-image { height: 480rpx; } +.cols-3 .grid-image { height: 200rpx; } -.history-card-item { - padding: 40rpx; - background-color: #fffffe; - font-weight: 600; - border-radius: 30rpx; - /* box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.1); */ - margin: 40rpx 0; - color: rgb(18, 22, 41); -} +/* 新:单列全幅图片列表 */ +.image-list { padding: 24rpx; box-sizing: border-box; } +.list-item { margin-bottom: 24rpx; border-radius: 24rpx; overflow: hidden; background: #fff; } +.full-image { width: 100%; height: auto; display: block; } + +/* 新:两列瀑布布局 */ +.waterfall { display: flex; gap: 12rpx; padding: 12rpx; box-sizing: border-box; } +.wf-col { width: calc(50% - 6rpx); } +.wf-item { margin-bottom: 12rpx; border-radius: 24rpx; overflow: hidden; background: #fff; } +.wf-image { width: 100%; height: auto; display: block; } .images-list { margin-top: 20rpx; width: 100%; @@ -280,7 +291,7 @@ transform: translate(300%, -50%); } to { - transform: translate(240%, 4%); + transform: translate(255%, 4%); } } @@ -327,6 +338,45 @@ animation: moveLeftRight 4s infinite alternate linear; } +/* 新:底部日期条样式 */ +.date-section { + padding: 20rpx; + background: transparent; + color: #001858; + z-index: 1; +} +.night .date-section { + color: #fffffe; +} +.date-strip-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 24rpx; +} +.month-title { font-size: 36rpx; } +.date-strip { white-space: nowrap; height: 100rpx;} +.date-strip-inner { display: flex; gap: 24rpx; } +.strip-center { justify-content: center; min-width: 100%; } +.strip-default { justify-content: flex-start; } +.date-strip::-webkit-scrollbar { display: none; } +.date-item { + display: inline-flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 120rpx; + height: 100rpx; + margin: 0 6rpx; + border-radius: 24rpx; + background: #ffffff; + color: #001858; +} +.date-item.active { background: #000000; color: #fffffe; } +.date-item.label { background: rgba(255,255,255,0.65); color: #001858; box-shadow: none; } +.date-item .weekday { font-size: 24rpx; opacity: 0.8; } +.date-item .day { font-size: 36rpx;} + @keyframes moveLeftRight { 0% { transform: translateX(-20rpx); @@ -337,7 +387,7 @@ } .welcome-section { - margin-bottom: 40rpx; + margin-bottom: 24rpx; } .morning .welcome-card, diff --git a/miniprogram/static/sun-2.png b/miniprogram/static/sun-2.png deleted file mode 100644 index 6945193513eeb2a2ed319f19032faf7538f32cb8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4332 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 a0{{Td^4n(-!D3bb0000