From 03021a39303392b498a8d49d49be27ac936bcf05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Fri, 26 Sep 2025 13:17:35 +0800
Subject: [PATCH] =?UTF-8?q?feat(index):=E4=BC=98=E5=8C=96=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E5=A4=B4=E9=83=A8=E5=92=8C=E7=95=85=E9=94=80=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E7=BB=84=E4=BB=B6=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整畅销商品组件粘性布局的样式和动画效果
-修复头部组件在吸顶状态下的高度和内边距计算
- 优化搜索框在不同状态下的显示逻辑- 统一组件间的间距和过渡动画处理
---
 src/pages/index/BestSellers.tsx | 11 ++++++-----
 src/pages/index/Header.tsx      | 14 +++++++++-----
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/index/BestSellers.tsx b/src/pages/index/BestSellers.tsx
index 1965f64..6abfef8 100644
--- a/src/pages/index/BestSellers.tsx
+++ b/src/pages/index/BestSellers.tsx
@@ -70,16 +70,17 @@ const BestSellers = (props: {onStickyChange?: (isSticky: boolean) => void}) => {
 
   return (
     <>
-      <View className={'py-3'}>
+      <View className={'py-3'} style={{paddingTop: '0'}}>
         {/* Tabs粘性布局组件 */}
-        <Sticky 
-          threshold={getSystemInfo()} 
+        <Sticky
+          threshold={getSystemInfo()}
           onChange={onStickyChange}
           style={{
             zIndex: 999,
             backgroundColor: stickyStatus ? '#ffffff' : 'transparent',
             boxShadow: stickyStatus ? '0 2px 8px rgba(0,0,0,0.1)' : 'none',
-            transition: 'all 0.3s ease'
+            transition: 'all 0.3s ease',
+            marginTop: stickyStatus ? '0' : '-12px'
           }}
         >
           <Tabs
@@ -90,7 +91,7 @@ const BestSellers = (props: {onStickyChange?: (isSticky: boolean) => void}) => {
             }}
             style={{
               backgroundColor: 'transparent',
-              paddingTop: stickyStatus ? '8px' : '0',
+              paddingTop: stickyStatus ? '0' : '8px',
               paddingBottom: stickyStatus ? '8px' : '0',
             }}
             activeType="smile"
diff --git a/src/pages/index/Header.tsx b/src/pages/index/Header.tsx
index 42d467b..ed3b418 100644
--- a/src/pages/index/Header.tsx
+++ b/src/pages/index/Header.tsx
@@ -173,14 +173,18 @@ const Header = (props: any) => {
   return (
     <>
       <View className={'fixed top-0 header-bg'} style={{
-        height: !props.stickyStatus ? '180px' : 'auto',
-        paddingBottom: '12px'
+        height: !props.stickyStatus ? '180px' : `${(statusBarHeight || 0) + 44}px`,
+        paddingBottom: !props.stickyStatus ? '12px' : '0px'
       }}>
-        <MySearch statusBarHeight={statusBarHeight} />
-        {/*{!props.stickyStatus && <MySearch done={reload}/>}*/}
+        {/* 只在非吸顶状态下显示搜索框 */}
+        {!props.stickyStatus && <MySearch statusBarHeight={statusBarHeight} />}
       </View>
       <NavBar
-        style={{marginTop: `${statusBarHeight}px`, marginBottom: '0px', backgroundColor: 'transparent'}}
+        style={{
+          marginTop: `${statusBarHeight}px`,
+          marginBottom: '0px',
+          backgroundColor: 'transparent'
+        }}
         onBackClick={() => {
         }}
         left={