# 轮播图组件

# 参考文档
- 官方API：https://swiperjs.com/swiper-api
- 官方示例：https://swiperjs.com/get-started

# 使用方法

``` html
<comp-swiper [list]="imageList" style="height:200px"></comp-swiper>
<comp-swiper [list]="imageList2" [options]="{ direction: 'vertical'}" style="height:200px"></comp-swiper>
```
``` ts
export class YourPage {
  imageList:Array<any> = [
    {img:"https://tse2-mm.cn.bing.net/th/id/OIP-C.sD15E_-sEqY4p37kQPhJywHaD4?rs=1&pid=ImgDetMain"},
    {img:"https://img-blog.csdnimg.cn/img_convert/33bda5f420f076384c3013ddd7bd70b6.png"},
  ]
  imageList2:Array<any> = [
    {img:"https://tse1-mm.cn.bing.net/th/id/OIP-C.Sqa-oqMbnqRLWGIbMdwuPQHaDJ?rs=1&pid=ImgDetMain"},
    {img:"https://www.itbaizhan.com/wiki/imgs/image-20220218143925861.png"},
  ]
}

```