本文共 1082 字，大约阅读时间需要 3 分钟。
vue-slider,一个简单的滑动组件,配置简单,支持自适应/全屏+按钮+分页,同时兼容移动端和PC端
支持vue2.0+
通过以下demo来实现
| Option | Type | Default | Description |
|---|---|---|---|
title | string | - | 当前设置为每页的标题，未来将直接输出html |
style | obj | - | 直接作用在每个item上的style样式，可以输出背景图，背景色，每项宽度可自定义，自动切换为不定宽滚动 |
| Option | Type | Default | Description |
|---|---|---|---|
direction | string | 'horizontal' | 方向设置，默认为水平滚动('horizontal'),可设置为垂直滚动('vertical') |
currentPage | number | - | 当前为第几页 |
thresholdDistance | number | - | 滑动距离阈值 |
thresholdTime | number | - | 滑动时间阈值 |
autoplay | number[ms] | - | 自动播放:时间[ms] |
loop | boolean | false | 循环滚动 |
| Method | Parameters | Description | Example |
|---|---|---|---|
slideTo | number | 滑动到(number)页 | childComponents.$emit('slideTo', num) |
slideNext | - | 滑动到下一页 | childComponents.$emit('slideNext') |
slideTo | - | 滑动到上一页 | childComponents.$emit('slidePre') |
| Method | Parameters | Description | Example |
|---|---|---|---|
slide | number | 当前滑动到第(number)页 | childComponents.$on('slide', function(pagenum){console.log(pagenum)}) |
欢迎来留下你的意见:
可以在这里提交,会尽快处理:
转载地址：http://dshni.baihongyu.com/