Axure学习日志之中继器详解_中继器 中 插入 jpg 未显示(3)

本文介绍了如何在中继器中利用交互事件展示数据,如歌曲列表,通过设置元件数据和图片导入,实现数据驱动的显示。同时提到招聘季前端面试问题的关注点,分享了面试题解析资源链接。
摘要由CSDN通过智能技术生成

包括中继器的交互事件,也可以在下面添加数据,这里我们简单称为操作+数据
说明就不说明了,和其他的一样,注释作用
样式,可以调整样式(哈哈,好像说了句废话)
在这里插入图片描述

中继器可以像动态面板一样双击打开,进去是一个新的页面,发现里面有个小矩形
在这里插入图片描述
此时发现这里有交互事件的
在这里插入图片描述
就是显示数字
哦,破案了,是为什么我们新建一个中继器是显示123的样子
在这里插入图片描述
我们来稍微用中继器实现一点操作,比如说,歌曲名单,简单用一个歌曲头像和歌手名字,歌名三个数据。
首先为了简单,我就整一张png图当歌手头像了。
在这里插入图片描述
右键可以选择导入图片
在这里插入图片描述
再增加一点数据
ok,现在但是只有数据没有显示数据的地方。
我们在中继器中拖入几个显示的元件。
在这里插入图片描述
分别和数据命名为相同的,icon,singer,musicname
ok,显示数据的元件搞定了,接下来就是设置一下交互事件了
首先要在每项加载时
在这里插入图片描述
设置其几个元件的数据
但是这里注意不能把图片也设置了,图上是不对的,为了引起大家重视,图片要用设置图片的事件,并且选择值,找到item.icon
在这里插入图片描述
同理,musicname和singer也找到相应的数据
在这里插入图片描述
ok搞定,F8我们来看看效果。

最后

正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

ps://bbs.csdn.net/topics/618166371)**

前端资料图.PNG

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值