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

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

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"