鸿蒙开发学习 day02

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

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

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

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

下面是今天学习的内容。

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

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

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

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

效果：