鸿蒙开发学习 day02_鸿蒙定义数组

作者：凡人多烦事01 | 2024-03-30 06:08:05

踩

鸿蒙定义数组

***对昨天项目三（practice）的一个修改。***

前面说到找了很久也没有找到简单实现横向排列的方法，其中我还在官方文档里找到了有关overflow：scroll的这么一段描述，描述说它只支持纵向。

其实这样说不是很准确。如果直接在最外层使用确实不会成功，不过今天试着在<block>外面套一层<div>，在这一层里加上overflow：scroll后发现是可以做到横向排列的。

这种做法在手机、手表等设备都是支持的。

下面是今天学习的内容。

项目一（day02one）：实现一个轮播图

轮播组件是swiper，autoplay表示自动播放，indicator表示导航指示器，至于更具体的属性可以看开发文档。

这里轮播的是几张图片，所以先在.js的data中定义一个数组swiperdatas，其中每一项保存的是图片路径，包括图片名称和后缀名。

在.hml中对数组使用for循环实现输出。图片输出要选择对应路径，这里使用src=”{ {$item}}”，$标出取值。

效果：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/339387