老师请教个动画问题

来源：1-1 课程导学

春去_秋来

2025-12-11

图片描述

这种点击底部tabar往上推，点击背景图往下回的一体的动画怎么写？可以说下思路吗？谢谢

写回答

1回答

ustbhuangyi

2026-01-16

核心思路是用一个统一的进度值（0–1）驱动所有动画。点击 tabbar 时把进度动画到 1，点击背景时动画回 0。面板上推、背景回落、遮罩渐变、tabbar 位移都通过对同一个进度做插值计算实现。这样动画天然一体、可中途打断，交互也更顺滑，Vue 中用 computed + 动画库即可实现。

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ，提升的不止是Vue代码能力

2236 学习 · 1013 问题

相似问题

回答 1

回答 2

回答 1

回答 2

回答 1