【山海鲸实战案例】如何通过下拉菜单组件,控制图片内容的切换?
在制作项目的过程中,我们有时会需要通过下拉菜单组件来控制图片内容的切换,下面我们就来看一下,具体应该如何设置该功能。
1. 首先,添加一个“基础下拉菜单”组件。
2. 接着添加一个“图片”组件,并为其设置一个本地图片。
3. 在右上角的状态设置中,点击“新建状态”为“图片”组件新建其他状态。
4. 然后为“图片”组件的每个状态都单独设置一个本地图片。
5. 选中“基础下拉菜单”组件,为每个选项分别设置切换“图片”组件状态的交互,如下图所示:
6. 这样我们就完成了全部设置,效果如下图所示:
