feat: count up

wkylin · Dec 9, 2024 · 958a799 · 958a799
1 parent 1a18687
commit 958a799
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git 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
@@ -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}