【功能演示】通过下拉菜单选项切换图片显示的内容
9 小时前

在实际应用中,我们有时候会需要通过一张图片来展示多种不同内容,此时将下拉菜单组件与图片组件结合,就可以很好地完成此类需求。下面我们就来看看,该如何通过下拉菜单组件切换图片组件中的内容。


首先,添加一个“图片”组件。


接着添加一个“基础下拉菜单”组件。


选中“基础下拉菜单”组件,为其设置交互,在选择选项时修改“图片”组件的“图片地址”设置项,如下图所示:


开启“逐项设置”,继续设置选择选项二和选项三时的交互,点击“复制第一项的交互设置”后可以套用第一项的设置。


套用后我们只需修改“图片地址”即可。


最终效果如下图所示:

白鲸 白鲸

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

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

评论0

暂无评论

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

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

杭州多算科技有限公司

support@shanhaibi.com

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

QQ群号:788095444

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