Skip to content

S
sdream-ai-fe
Commit 3ee6a1a3 by HoMeTown
Options

feat: 工具页的动画

parent 2ddd5326
Showing with 3 additions and 3 deletions
src/pages/Tools/Tools.tsx
......@@ -46,9 +46,9 @@ export const Tools: React.FC = () => {
<div>
<div className="max-w-[1000px] flex mx-auto mt-[64px] text-18px text-[#5AA9D0] font-light">全部工具</div>
<div className="max-w-[1000px] mx-auto gap-[20px] flex flex-col flex-wrap mt-[22px] sm:flex-row">
<motion.div className=" rounded-[20px] bg-[#fff] flex-1 h-[100px] p-[24px]" {...getAnimationProps(4)}>工具1</motion.div>
<motion.div className=" rounded-[20px] bg-[#fff] flex-1 h-[100px] p-[24px]" {...getAnimationProps(5)}>工具2</motion.div>
<motion.div className=" rounded-[20px] bg-[#fff] flex-1 h-[100px] p-[24px]" {...getAnimationProps(6)}>工具3</motion.div>
<motion.div className=" rounded-[20px] bg-[#fff] flex-1 h-[100px] p-[24px]" {...getAnimationProps(1)}>工具1</motion.div>
<motion.div className=" rounded-[20px] bg-[#fff] flex-1 h-[100px] p-[24px]" {...getAnimationProps(2)}>工具2</motion.div>
<motion.div className=" rounded-[20px] bg-[#fff] flex-1 h-[100px] p-[24px]" {...getAnimationProps(3)}>工具3</motion.div>
</div>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment