CarrotSkin/carrotskin
5
0
Fork 1
Code Issues 3 Pull Requests Actions Packages Releases Wiki Activity

更新 src/app/page.tsx

Browse Source
This commit is contained in:
uNagi
2026-01-10 09:43:04 +08:00
parent fb8ae43083
commit bb5d3751d4
1 changed files with 0 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/page.tsx
View File

@@ -23,11 +23,9 @@ export default function Home() {
const [isHovered, setIsHovered] = useState(false); const [isHovered, setIsHovered] = useState(false);
useEffect(() => { useEffect(() => {
// 添加防抖处理，减少状态更新频率
let timeoutId: number | undefined; let timeoutId: number | undefined;
const handleMouseMove = (e: MouseEvent) => { const handleMouseMove = (e: MouseEvent) => {
// 使用防抖，每16ms更新一次（约60fps）
clearTimeout(timeoutId); clearTimeout(timeoutId);
timeoutId = window.setTimeout(() => { timeoutId = window.setTimeout(() => {
setMousePosition({ x: e.clientX, y: e.clientY }); setMousePosition({ x: e.clientX, y: e.clientY });
@@ -87,7 +85,6 @@ export default function Home() {
<div <div
className="absolute w-32 h-32 bg-gradient-to-r from-orange-400/30 to-amber-400/30 rounded-full blur-2xl transition-all duration-150 ease-out will-change-transform" className="absolute w-32 h-32 bg-gradient-to-r from-orange-400/30 to-amber-400/30 rounded-full blur-2xl transition-all duration-150 ease-out will-change-transform"
style={{ style={{
// 使用transform而非top/left，利用GPU加速
transform: `translate(${mousePosition.x - 64}px, ${mousePosition.y - 64}px) scale(${isHovered ? 1.5 : 1})` transform: `translate(${mousePosition.x - 64}px, ${mousePosition.y - 64}px) scale(${isHovered ? 1.5 : 1})`
}} }}
/> />