# 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>
```
#### CSS
无。
#### JavaScript
无。