slider
```html
<div class="slider">
<ul>
<li></li>
<li></li>
</ul>
<div class="slider_page_content">
<div class="slider_page_box"></div>
</div>
</div>
```
```javascript
new phoenix.slider({
wraper: page.querySelector(".slider"),
ratio: .5
});
```
配置项
---
|属性|类型|默认值|说明|
|-|-|-|-|
|wraper|dom|-|必需，外框元素|
|width|number|100%|可选，宽度，单位px，默认全屏|
|ratio|number|-|可选，宽高比例，设置比例后，高度按照比例计算，height参数失效|
|height|number|100|可选，高度，单位px，默认100|
|changeEnd|function|-|可选，每次切换完成后回调，参数position：当前的位置|