如何让hero控件在路由转换中飞到其他控件下面

要让hero控件在路由转换中飞到其他控件下面，可以通过以下步骤实现：

1. 使用CSS动画：通过CSS动画可以实现元素的平滑过渡效果。可以为hero控件添加一个动画类，使其在路由转换时产生飞行效果。具体可以使用CSS属性如transform、transition、opacity等来实现动画效果。
2. 使用JavaScript控制：可以通过JavaScript来控制hero控件的位置和动画效果。在路由转换时，监听路由事件，当路由转换开始时，将hero控件的位置设置为起始位置，然后通过动画函数或库（如jQuery、GSAP等）来实现控件的飞行效果，最后将其移动到目标控件下面。
3. 使用前端框架的过渡效果：如果你使用的是一些流行的前端框架（如Vue.js、React等），它们通常提供了过渡效果的功能。你可以利用这些框架的过渡组件或动画库来实现hero控件的飞行效果。具体的实现方式可以参考相应框架的文档和示例。

总结起来，要让hero控件在路由转换中飞到其他控件下面，可以通过CSS动画、JavaScript控制或前端框架的过渡效果来实现。具体的实现方式可以根据项目需求和技术栈选择合适的方法。