鼠标悬停弹出关联数据提示是高效的前端交互方式,能让用户无需点击即可快速知晓元素背后的关键信息。本文将讲解其实现思路与操作方法,帮助开发者快速实现该功能。
1.从左侧组件库选取需配置悬停交互效果的组件,本文以“基础多行文本”为例,同时将“弹窗”组件添加至项目中,然后弹窗里可以放置需要展示的数据。
2.选中基础多行文本组件,在右侧配置栏中,添加“交互”,触发“鼠标移入时”事件,执行“控制弹窗”动作,选择需要展示的弹窗即可。
展示效果如下:
登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动
去 登录! 还没有账号?去注册
评论0
暂无评论
更多数字孪生可视化干货内容等你发现
了解更多内容
杭州市文一西路海创科技中心 311121
杭州多算科技有限公司
support@shanhaibi.com
关注山海鯨官方qq群,了解更多内容
QQ群号:788095444
你的浏览器版本过低,可能导致网站部分内容不能正常使用!
为了能正常使用网站功能,请使用以下浏览器
评论0