[项目实训博客-TravelMind途灵] 10 推荐栏界面以及交互优化

一、功能优化目标

1.原本推荐栏的界面过于简单，优化其原有界面。

2.给推荐栏提供隐藏和展开功能，避免推荐栏遮挡地图。

3.优化交互效果，如添加鼠标悬停以及展开隐藏动画等。

二、具体代码

将推荐栏选项移到上方并添加悬停等优化效果。

优化推荐卡片的交互效果，添加鼠标悬停的效果。

添加对应Add功能对应的添加和已添加按钮。

路线的显示和标记点标记。

添加推荐栏的隐藏和展开功能并添加过程动画。

添加智能规划路径的界面。

三、效果展示