From c6ca2269f99a3baf097708cfb6da7c87fb18c772 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E6=88=90?= Date: Sat, 8 Nov 2025 14:02:18 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B0=9D=E8=AF=95=E4=BF=AE=E5=A4=8D=E9=97=AA?= =?UTF-8?q?=E5=8A=A8=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- project.private.config.json | 2 +- src/game_pages/list/index.module.scss | 1 + src/game_pages/list/index.tsx | 4 ++-- src/user_pages/myself/index.scss | 25 ++++++++++++++++++------- 4 files changed, 22 insertions(+), 10 deletions(-) diff --git a/project.private.config.json b/project.private.config.json index aaeb056..8b66178 100644 --- a/project.private.config.json +++ b/project.private.config.json @@ -18,6 +18,6 @@ "compileHotReLoad": true, "checkInvalidKey": true, "ignoreDevUnusedFiles": true, - "bigPackageSizeSupport": false + "bigPackageSizeSupport": true } } \ No newline at end of file diff --git a/src/game_pages/list/index.module.scss b/src/game_pages/list/index.module.scss index d5d43cc..644d806 100644 --- a/src/game_pages/list/index.module.scss +++ b/src/game_pages/list/index.module.scss @@ -80,6 +80,7 @@ .listPage { background-color: #FAFAFA; font-family: "PingFang SC"; + transition: padding-top 0.3s ease-in-out; // 添加过渡动画,让布局变化更平滑 .listTopSearchWrapper { padding: 0 15px; diff --git a/src/game_pages/list/index.tsx b/src/game_pages/list/index.tsx index 33ae6d4..26f595a 100644 --- a/src/game_pages/list/index.tsx +++ b/src/game_pages/list/index.tsx @@ -30,7 +30,7 @@ const ListPage = () => { const { statusNavbarHeightInfo, getCurrentLocationInfo } = useGlobalState() || {}; - const { totalHeight } = statusNavbarHeightInfo || {}; + const { totalHeight = 98 } = statusNavbarHeightInfo || {}; // 设置默认值,避免从0跳到实际值 const { listPageState, loading, @@ -323,7 +323,7 @@ const ListPage = () => { // }) // }, []) - const area_city = area.at(-2); + const area_city = area?.at(-2) || "上海"; // 设置默认值,避免条件渲染的突然切换 function renderCityQrcode() { let item = cityQrCode.find((item) => item.city_name === area_city); diff --git a/src/user_pages/myself/index.scss b/src/user_pages/myself/index.scss index b8a2419..3ec75d5 100644 --- a/src/user_pages/myself/index.scss +++ b/src/user_pages/myself/index.scss @@ -16,16 +16,27 @@ } } +// 背景渐变过渡动画 +@keyframes backgroundGradient { + 0% { + background: #FFFFFF; + } + 100% { + background: radial-gradient( + circle at 50% 0, + /* 光晕圆心在顶部中间 */ rgba(191, 255, 239, 0.9) 0px, + /* 中间更深的浅蓝 */ rgba(191, 255, 239, 0.5) 200px, + /* 100px 处开始淡化 */ #fafafa 300px, + /* 到 200px 变成白色 */ #fafafa 100% /* 200px 以下全白 */ + ); + } +} + // 主要内容区域 .main_content { // position: relative; - background: radial-gradient( - circle at 50% 0, - /* 光晕圆心在顶部中间 */ rgba(191, 255, 239, 0.9) 0px, - /* 中间更深的浅蓝 */ rgba(191, 255, 239, 0.5) 200px, - /* 100px 处开始淡化 */ #fafafa 300px, - /* 到 200px 变成白色 */ #fafafa 100% /* 200px 以下全白 */ - ); + background: #FFFFFF; + animation: backgroundGradient 0.6s ease-in-out forwards; z-index: 5; flex: 1; margin-top: 0;