很多小伙伴们在刚开始使用墨刀轮播图内置组建的时候,翱嘿幡奸都不知道如何进行页面事件跳转的编辑,因为轮播图组件是作为一个整体的,如果是弋讥孜求使用整体进行页面跳转的话,每一张banner图都会跳转到同一个页面当中,下面就来看一下如何对单个轮播图进行编辑吧!
工具/原料
墨刀原型设计工具
方法/步骤
1、首先,在墨刀新建的空白页面当中,我们可以找打轮播图组建,然后将其拖动到工作区当中。
2、在右侧,我们可以新建四个banner跳转的页面,具体如下图所示。
3、为了方便展示,我们在banner1当中,插入一张图片,上方插入一个文本,返回,对返回做一个单击事件,返回至主页。
4、回到主页,单击轮播图主页,可以看到左侧会出现四个编辑页面,代表四个轮播图。
5、我们单击编辑页面1,然后对页面一做一个单击事件,页面跳转到banner1页面,效果可以根据自己的需求进行设置。
6、点击运行,就可以进行悴匙吭佰预览了,可以看到,单击第一张banner,就会跳转到第一张banner图了,剩下的几张,按照上面的方法进行设置即可。