diff --git a/src/pages/logs/index.vue b/src/pages/logs/index.vue index 60e5ed2..f248302 100644 --- a/src/pages/logs/index.vue +++ b/src/pages/logs/index.vue @@ -326,7 +326,7 @@ onShareAppMessage(() => { .filters-sticky { position: relative; - height: 164rpx; + height: 148rpx; flex-shrink: 0; z-index: 20; } @@ -335,9 +335,8 @@ onShareAppMessage(() => { position: fixed; left: 28rpx; right: 28rpx; - top: calc(88rpx + env(safe-area-inset-top)); z-index: 50; - margin: 12rpx 0 0; + margin: 8rpx 0 0; padding: 12rpx; border-radius: 28rpx; background: rgba(255, 255, 255, 0.72); diff --git a/src/pages/stats/index.vue b/src/pages/stats/index.vue index a7c6052..fe5c04a 100644 --- a/src/pages/stats/index.vue +++ b/src/pages/stats/index.vue @@ -498,10 +498,17 @@ onShareAppMessage(() => { /* ── Tab 切换 ── */ .segment-wrap { - padding: 8rpx 0 20rpx; + position: relative; + height: 148rpx; + flex-shrink: 0; + z-index: 20; } .segment { + position: fixed; + left: 28rpx; + right: 28rpx; + z-index: 50; display: flex; background: rgba(255, 255, 255, 0.82); padding: 6rpx; @@ -509,6 +516,18 @@ onShareAppMessage(() => { gap: 6rpx; border: 1.5rpx solid rgba(52, 200, 160, 0.14); box-shadow: 0 4rpx 16rpx rgba(52, 200, 160, 0.07); + -webkit-backdrop-filter: blur(12px); + backdrop-filter: blur(12px); +} + +.segment::before { + content: ''; + position: absolute; + inset: -12rpx -8rpx -10rpx; + border-radius: 34rpx; + background: linear-gradient(180deg, rgba(230, 247, 242, 0.96) 0%, rgba(240, 251, 247, 0.88) 72%, rgba(240, 251, 247, 0) 100%); + z-index: -1; + pointer-events: none; } .segment-item {