【功能演示】如何用下拉菜单组件控制切换选项卡组件的内容?
3 天前

在数据可视化与大屏交互设计中,下拉菜单与选项卡的联动是常用的内容切换方式。本文将介绍如何通过下拉菜单组件,实现对选项卡内容的精准控制与灵活切换,让页面交互更简洁、展示逻辑更清晰。


1.在左侧组件库中添加“基础下拉菜单”“可切换分组面板(选项卡)”组件至项目中。


接着选中可切换分组面板(选项卡)内的按钮,按需添加需要展示的组件即可。


2.选中下拉菜单,在右侧面板添加“交互”配置,触发方式设为“选中”,开启“逐项设置”,执行“组件自定义”动作为“控制选项卡”;将目标组件指定为“可切换分组面板(选项卡)”,并完成按钮与选项卡的一一对应,其余项可按此方法依次配置。


展示效果如下:

朝乐 朝乐

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

评论0

暂无评论

咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2020-2026 多算科技, All Rights Reserved. 浙ICP备20006837号-5