From 794aafae9dad0cc4fe2a3f97a3538158782c3cf1 Mon Sep 17 00:00:00 2001 From: wangfukang <15630117759@163.com> Date: Mon, 18 May 2026 17:09:50 +0800 Subject: [PATCH] 1 --- pages/index/index.vue | 61 +++++++++++++++++++++++++++---------------- 1 file changed, 39 insertions(+), 22 deletions(-) diff --git a/pages/index/index.vue b/pages/index/index.vue index 21a2ca2..4d8f755 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -1928,37 +1928,54 @@ .menu-box { width: 95%; - height: 200rpx; + height: 214rpx; display: flex; - align-items: center; + align-items: flex-end; margin: 30rpx auto 0; - padding: 12rpx 8rpx; + padding: 50rpx 8rpx 12rpx; box-sizing: border-box; border-radius: 38rpx; border: 1px solid rgba(255, 255, 255, 0.9); background: - radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0) 160rpx), - linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 250, 235, 0.9) 48%, rgba(239, 255, 248, 0.96) 100%); + radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.94) 0, rgba(255, 255, 255, 0) 150rpx), + radial-gradient(circle at 92% 78%, rgba(88, 205, 122, 0.18) 0, rgba(88, 205, 122, 0) 170rpx), + linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 255, 241, 0.94) 50%, rgba(231, 255, 244, 0.96) 100%); box-shadow: 0 20rpx 46rpx rgba(0, 35, 28, 0.075), inset 0 1rpx 0 rgba(255, 255, 255, 0.9); position: relative; z-index: 99; overflow: hidden; } + .menu-box::before { + content: '校园生活 · 一站搞定'; + position: absolute; + left: 26rpx; + top: 17rpx; + color: #2c8b6f; + font-size: 22rpx; + font-weight: 900; + letter-spacing: 1rpx; + } + .menu-box::after { - content: ''; - width: 280rpx; - height: 160rpx; - border-radius: 50%; - background: linear-gradient(135deg, rgba(166, 255, 234, 0.18) 0%, rgba(166, 255, 234, 0) 74%); + content: '本周精选活动 >'; position: absolute; - right: -150rpx; - top: -92rpx; + right: 24rpx; + top: 16rpx; + height: 42rpx; + padding: 0 18rpx; + border-radius: 999rpx; + background: rgba(255, 255, 255, 0.76); + color: #1e6a58; + font-size: 22rpx; + font-weight: 900; + line-height: 42rpx; + box-shadow: 0 8rpx 18rpx rgba(0, 35, 28, 0.06); } .menu-list { flex: 1; - height: 100%; + height: 142rpx; display: flex; flex-direction: column; align-items: center; @@ -1977,8 +1994,8 @@ } .menu-list img { - width: 82rpx; - height: 82rpx; + width: 76rpx; + height: 76rpx; display: block; margin: 0 auto; position: relative; @@ -2003,9 +2020,9 @@ .menu-name { text-align: center; - font-size: 22rpx; + font-size: 21rpx; font-weight: 900; - margin-top: 8rpx; + margin-top: 6rpx; color: #183f36; line-height: 28rpx; position: relative; @@ -2015,7 +2032,7 @@ } .menu-desc { - margin-top: 2rpx; + margin-top: 0; color: rgba(18, 73, 63, 0.58); font-size: 17rpx; font-weight: 800; @@ -2026,12 +2043,12 @@ } .world-light { - width: 104rpx; - height: 104rpx; + width: 96rpx; + height: 96rpx; position: absolute; left: 50%; - top: 18rpx; - margin-left: -52rpx; + top: 10rpx; + margin-left: -48rpx; border-radius: 50%; background: radial-gradient(circle, rgba(166, 255, 234, 0.62) 0%, rgba(166, 255, 234, 0) 68%); box-shadow: 0 0 24rpx rgba(166, 255, 234, 0.32);