多语言展示
当前在线:743今日阅读:167今日分享:16

如何为墨刀的单个轮播图进行事件编辑?

很多小伙伴们在刚开始使用墨刀轮播图内置组建的时候,都不知道如何进行页面事件跳转的编辑,因为轮播图组件是作为一个整体的,如果是使用整体进行页面跳转的话,每一张banner图都会跳转到同一个页面当中,下面就来看一下如何对单个轮播图进行编辑吧!
工具/原料

墨刀原型设计工具

方法/步骤
1

首先,在墨刀新建的空白页面当中,我们可以找打轮播图组建,然后将其拖动到工作区当中。

2

在右侧,我们可以新建四个banner跳转的页面,具体如下图所示。

3

为了方便展示,我们在banner1当中,插入一张图片,上方插入一个文本,返回,对返回做一个单击事件,返回至主页。

4

回到主页,单击轮播图主页,可以看到左侧会出现四个编辑页面,代表四个轮播图。

5

我们单击编辑页面1,然后对页面一做一个单击事件,页面跳转到banner1页面,效果可以根据自己的需求进行设置。

6

点击运行,就可以进行预览了,可以看到,单击第一张banner,就会跳转到第一张banner图了,剩下的几张,按照上面的方法进行设置即可。

推荐信息