UNPKG

jdvue

Version:

A Vue.js 2.0 Mobile UI components at JinDanLiCai

66 lines (41 loc) • 1.67 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!-- # Markdown 语法 # a 标题 - a 无序列表 1. a 有序列表 ![]() 插入图片 文字+地址 []() 插入链接 ` a ` 代码 > a 引用 * a * 斜体 ** a ** 粗体 *** 分割线 行尾添加两个空格加回车表示换行 定义脚注[^1] --> ## slide 大图滚动文档 ### Props 配置 参数 说明 类型 可选值 默认值 data 用于 side-item 列表渲染的数据，当需要使用内置的默认内容，或者让组件自动监听数据变化重新渲染时，此参数必传 Array - [] initialIndex 初始索引值 Number - 0 loop 是否循环播放 Boolean true/false true autoPlay 是否自动播放 Boolean true/false true interval 播放间隔 Number - 4000 threshold 切换页面的滑动阈值 Number (0, 1) 0.3 speed 切换页面的速度 Number - 400 allowVertical 是否允许竖向滚动 Boolean true/false false ### 插槽 名字 说明 作用域参数 default 默认内容，由 cube-slide-item 构成 - dots dots 内容 dots: 轮播项长度 current: 当前索引 ### 事件 事件名 说明 参数 change Slide 当前展示项发生改变时触发 当前展示项的索引值 ### 实例方法 方法名 说明 refresh 当轮播图内容删减的时候，可以调用此方法this.$refs.slide.refresh() 进行更新，重新渲染 #### tip - 依赖 better-scroll 插件 - [组件文档参考地址](https://didi.github.io/cube-ui/#/zh-CN/docs/slide) - [better-scroll 地址](http://ustbhuangyi.github.io/better-scroll/doc/zh-hans/options-advanced.html#pulldownrefresh)