swipe
实例
---
```html
<!-- 必须根据宽高比选择好对应占位图，固定宽高设置图片样式宽高 -->
<div class="swipe">
<ul><img src="images/blank_5x3.png"></ul>
<div class="swipe_page_content">
<div class="swipe_page_box"></div>
</div>
</div>
```
```javascript
new phoenix.swipe({
ele: document.querySelector('.swipe ul'),
images: [['img/1.jpg', '', 'video'],['img/2.jpg','newsDetail'],['img/3.jpg']],
});
```
配置项
---
|属性|类型|默认值|说明|
|-|-|-|-|
|ele|DOM|-|必需，主体位置|
|images|array|-|必需，图片数据，形如[['img/1.jpg'],['img/2.jpg','newsDetail']]|
|ratio|number|-|可选，高宽比,不填为图片查看器|
|width|number|100%|可选，宽度，一般不填|
|height|number|-|可选,一般不指定,默认宽高比率计算所得|
|defaultIndex|number|1|可选，默认第几个|
|auto|boolean|true|可选，是否自动切换|
|duration|number|3000|可选,自动播放间隔时长|
|changeEnd|funtion|-|可选,切换成功后回调，参数：index为当前位置序列号|
|tapEnd|funtion|-|可选，tap回调，<br>参数：item为当前位置的images数据|