From 958a7997e50c6a56ee1f8428e05163928ad5ce31 Mon Sep 17 00:00:00 2001
From: wkylin <wkylin.w@gmail.com>
Date: Mon, 9 Dec 2024 15:40:58 +0800
Subject: [PATCH] feat: count up

---
 src/pages/home/index.jsx           | 11 ++++-------
 src/pages/layout/proTabs/index.jsx |  2 +-
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index 8bd7a84c..ee6b268e 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -2,7 +2,7 @@ import React, { version, useState, useRef } from 'react'
 import { Input, Flex, Button } from 'antd'
 import { SendOutlined } from '@ant-design/icons'
 import { Atom, Merge, GitMerge, GitPullRequestArrow } from 'lucide-react'
-// import CountUp from 'react-countup'
+import CountUp from 'react-countup'
 // import { PinInput } from 'react-input-pin-code'
 import SpotlightCard from '@stateless/Spotlight'
 import Typewriter from 'typewriter-effect'
@@ -311,12 +311,9 @@ const Home = () => {
           </div>
         </div>
       </section>
-      {/* <section style={{ margin: 20, fontSize: 40 }}>
-        <CountUp start={20} end={10000} duration={10} enableScrollSpy scrollSpyDelay={1000} />
-      </section> */}
-      {/* <section style={{ margin: 20 }}>
-        <Masonry />
-      </section> */}
+      <section style={{ margin: '20px 0', fontSize: 40 }}>
+        <CountUp start={20} end={10000} duration={10} enableScrollSpy />
+      </section>
 
       <section style={{ width: 600, margin: '30px 0' }}>
         <Input defaultValue={apiKey} placeholder="api key" onChange={changeApiKey} style={{ marginBottom: 20 }} />
diff --git a/src/pages/layout/proTabs/index.jsx b/src/pages/layout/proTabs/index.jsx
index d64d5086..08b29a41 100644
--- a/src/pages/layout/proTabs/index.jsx
+++ b/src/pages/layout/proTabs/index.jsx
@@ -26,7 +26,7 @@ const ProTabs = (props) => {
   } = theme.useToken()
 
   const renderTabBar = (props, DefaultTabBar) => (
-    <StickyBox offsetTop={0} style={{ zIndex: 9999}}>
+    <StickyBox offsetTop={0} style={{ zIndex: 10}}>
       <DefaultTabBar
         key={nanoid()}
         {...props}