app-preview-swiper组件

开发横滑组件时可定义的属性及其作用如表1所示，您可根据实际需求进行定义。

表1 横滑组件属性及作用
属性	作用
item.style	样式定义。
item.swiper.autoplay	是否自动轮播。
item.swiper.loop	是否循环。
item.swiper.showIndicatorPoint	是否显示底部指示器。

HTML

<div>
<swiper
[style]="item.style"
[autoplay]="item.swiper.autoplay"
[loop]="item.swiper.loop"
[indicatorPosition]="item.swiper.showIndicatorPoint ? 'bottom' : 'none'"
>
// ngFor为循环指令
<swiperSlide*ngFor="let item1 of item.swiper.swiperArr">
<img [style]="{ width: item.style.width }" [src]="item1.src" alt="" />
</ swiperSlide >
</ swiper>
</div>