weex-nuke
Version:
基于 Rax 、Weex 的高性能组件体系 ~~
57 lines (37 loc) • 1.45 kB
Markdown
# Slider
- category: UI
- chinese: 轮播
- type: UI组件
---
## 何时使用
图片轮播组件
## API
### Slider
属性 | 说明 | 类型 | 默认值
-----|-----|-----|------
width | 宽度 | string | '750rem'
height | 高度 | string | '352rem'
autoplay | 是否自动播放 | boolean | false
showsPagination | 是否展示分页 | boolean | true
loop | 是否循环播放 | boolean | true
autoplayTimeout | 循环播放间隔 | boolean | true
paginationStyle| 分页样式 | array | 无
onChange| change 事件 | function | 无
index| 默认初始化第几个 | string | 0
### slideTo 实例方法
`this.refs.Slider.slideTo(index)` 从外部切换slider
### paginationStyle 特殊字段解释
属性 | 说明 | 类型 | 默认值
-----|-----|-----|------
itemSize | dot的大小 | number | 8
itemColor | 未选中dot的颜色 | string,rgb 或 rgba | rgba(255, 255, 255, 0.5)
itemSelectedColor | 选中dot的颜色 | string,rgb 或 rgba | rgb(255, 80, 0)
### 实验特性,暂不稳定
属性 | 说明 | 类型 | 默认值
-----|-----|-----|------
accuracy | 滑动触发事件精度 | string | 1
onScroll | 滑动触发事件回调,回调的触发频率与事件精度有关 | function | {}
## 其他
- bug、建议联系 <a href="dingtalk://dingtalkclient/action/sendmsg?dingtalk_id=kjwo3w5">@翊晨</a>
- 钉钉交流群
<img src="https://img.alicdn.com/tfs/TB101EESpXXXXXFXpXXXXXXXXXX-1122-1362.jpg" width="260" />