fix(mileage): 弹窗关闭改为向下滑出 + 淡出
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
- exit 从 y:60 改为 y:'100%',整张表自顶向下滑出屏幕 - y/opacity 拆分 transition:y 走 spring,opacity 走 0.18s 淡出 - initial 也改为 y:'100%' 让出现/消失对称 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -118,10 +118,13 @@ export default function VehicleDetailModal({ vehicle, onClose }: Props) {
|
|||||||
onClick={onClose}
|
onClick={onClose}
|
||||||
>
|
>
|
||||||
<motion.div
|
<motion.div
|
||||||
initial={{ y: 80, opacity: 0 }}
|
initial={{ y: '100%', opacity: 0 }}
|
||||||
animate={{ y: 0, opacity: 1 }}
|
animate={{ y: 0, opacity: 1 }}
|
||||||
exit={{ y: 60, opacity: 0 }}
|
exit={{ y: '100%', opacity: 0 }}
|
||||||
transition={{ type: 'spring', damping: 28, stiffness: 320 }}
|
transition={{
|
||||||
|
y: { type: 'spring', damping: 32, stiffness: 320 },
|
||||||
|
opacity: { duration: 0.18 },
|
||||||
|
}}
|
||||||
drag="y"
|
drag="y"
|
||||||
dragControls={dragControls}
|
dragControls={dragControls}
|
||||||
dragListener={false}
|
dragListener={false}
|
||||||
|
|||||||
Reference in New Issue
Block a user