更新时间：2023-02-09 GMT+08:00
app-preview-swiper组件
开发横滑组件时可定义的属性及其作用如表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
无。
父主题： 子组件代码示例
