【山海鲸实战案例】如何通过下拉菜单组件,控制图片内容的切换?

0 阅读1分钟

在制作项目的过程中,我们有时会需要通过下拉菜单组件来控制图片内容的切换,下面我们就来看一下,具体应该如何设置该功能。

  1. 首先,添加一个 “基础下拉菜单” 组件。

  1. 接着添加一个 “图片” 组件,并为其设置一个本地图片。

  1. 在右上角的状态设置中,点击 “新建状态”“图片” 组件新建其他状态。

  1. 然后为 “图片” 组件的每个状态都单独设置一个本地图片。

  1. 选中 “基础下拉菜单” 组件,为每个选项分别设置切换 “图片” 组件状态的交互,如下图所示:

  1. 这样我们就完成了全部设置,效果如下图所示: