ivx页面(3)轮播图的动态数据绑定实现以及轮播图点击跳转页面

1.如何创建轮播图组件

 点击前台——》点击扩展组件——》点击特殊功能容器——》轮播页容器

创建之后会给你自动添加2个轮播页面,如果你着急实现你可以多创建几个这个轮播页然后在给每一个轮播页上的背景图进行上传图片(这是写死数据)

2.活数据渲染

 删除只留下一个轮播页,然后点击轮播页容器创建一个for循环,并且将轮播页拖入for循环中

 然后创建一个数据组件存放数据,然后点击for循环组件绑定数据来源于数据组件,轮播页的背景在选择for循环组件的数据(注意记得要在轮播页的背景图那里点击一下右边的框才可以进行选择数据)

 

3.轮播图超链接,点击轮播图之后跳转页面

 点击选择轮播页给其添加一个点击事件,然后就可以设置你想要跳转的页面从而实现点击轮播图之后跳转页面

4.实现只点击第一张轮播图的图片才能跳转超链接或者说给每一个轮播页加上不同的超链接

在点击轮播页跳转页面的点击加一个条件就当前序号1=0(当前序号是直接点击条件的下拉框就可以选择这个选项不用自己敲出来),就是按照数组的逻辑从0下标开始,0就是第一张图片,1就是第二张图片,这样子就可以给轮播页的每一张图片设置对应的跳转

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值