更新时间:2023-02-09 GMT+08:00
分享

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

无。

相关文档