新增：余额支付、微信支付、下单确认功能

src/pages/index/index.tsx

@@ -2,7 +2,7 @@ import Header from './Header';
 import BestSellers from './BestSellers';
 import Taro from '@tarojs/taro';
 import {useShareAppMessage, useShareTimeline} from "@tarojs/taro"
-import {useEffect} from "react";
+import {useEffect, useState} from "react";
 import {getSiteInfo} from "@/api/layout";
 import {Sticky} from '@nutui/nutui-react-taro'
 import Menu from "./Menu";
@@ -12,6 +12,8 @@ import './index.scss'
 // import GoodsList from "./GoodsList";
 
 function Home() {
+  // 吸顶状态
+  const [stickyStatus, setStickyStatus] = useState<boolean>(false)
 
   useShareTimeline(() => {
     return {
@@ -70,6 +72,12 @@ function Home() {
     });
   };
 
+  const onSticky = (item) => {
+    if(item){
+      setStickyStatus(!stickyStatus)
+    }
+  }
+
   const reload = () => {
 
   };
@@ -104,8 +112,8 @@ function Home() {
 
   return (
     <>
-      <Sticky threshold={0}>
-        <Header/>
+      <Sticky threshold={0} onChange={() => onSticky(arguments)}>
+        <Header stickyStatus={stickyStatus}/>
       </Sticky>
       <div className={'flex flex-col mt-12'}>
         <Menu/>