feat(index):优化首页头部和畅销商品组件布局

- 调整畅销商品组件粘性布局的样式和动画效果
-修复头部组件在吸顶状态下的高度和内边距计算
- 优化搜索框在不同状态下的显示逻辑- 统一组件间的间距和过渡动画处理

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={