feat(index): 实现Header组件吸顶效果和轮播图触摸优化

- 添加Sticky组件实现Header吸顶功能
- 优化轮播图触摸事件，防止与页面滚动冲突
- 调整轮播图容器样式，确保手势操作流畅
- 更新Header组件结构以支持粘性布局
- 修复Banner组件中图片列表的key属性问题
- 移除不必要的状态传递和冗余代码

src/pages/index/index.tsx

@@ -4,19 +4,16 @@ import Taro from '@tarojs/taro';
 import {useShareAppMessage} from "@tarojs/taro"
 import {useEffect, useState} from "react";
 import {getShopInfo} from "@/api/layout";
-import {Sticky} from '@nutui/nutui-react-taro'
 import Menu from "./Menu";
 import Banner from "./Banner";
 import {checkAndHandleInviteRelation, hasPendingInvite} from "@/utils/invite";
 import './index.scss'
 
-// import GoodsList from "./GoodsList";
-
 function Home() {
   // 吸顶状态
   // const [stickyStatus, setStickyStatus] = useState<boolean>(false)
   // Tabs粘性状态
-  const [tabsStickyStatus, setTabsStickyStatus] = useState<boolean>(false)
+  const [_, setTabsStickyStatus] = useState<boolean>(false)
 
   useShareAppMessage(() => {
     // 获取当前用户ID，用于生成邀请链接
@@ -157,20 +154,13 @@ function Home() {
 
   return (
     <>
-      {/* Header区域 - 根据Tabs粘性状态决定是否固定 */}
-      {tabsStickyStatus ? (
-        <Sticky threshold={0}>
-          <Header stickyStatus={tabsStickyStatus}/>
-        </Sticky>
-      ) : (
-        <Header stickyStatus={tabsStickyStatus}/>
-      )}
+      {/* Header区域 - 现在由Header组件内部处理吸顶逻辑 */}
+      <Header />
 
       <div className={'flex flex-col mt-12'}>
         <Menu/>
         <Banner/>
         <BestSellers onStickyChange={handleTabsStickyChange}/>
-        {/*<GoodsList/>*/}
       </div>
     </>
   )