Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
cube-ui
提交
10e780d2
C
cube-ui
项目概览
DiDi
/
cube-ui
10 个月 前同步成功
通知
34
Star
9078
Fork
1508
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
cube-ui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
10e780d2
编写于
3月 02, 2018
作者:
A
AmyFoxFN
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
docs build
上级
52c599d9
变更
7
隐藏空白更改
内联
并排
Showing
7 changed file
with
6 addition
and
5 deletion
+6
-5
docs/example/index.html
docs/example/index.html
+1
-1
docs/example/js/app.0ed19600f65e8826b9c2.js
docs/example/js/app.0ed19600f65e8826b9c2.js
+1
-1
docs/example/js/manifest.d41d8cd98f00b204e980.js
docs/example/js/manifest.d41d8cd98f00b204e980.js
+1
-1
docs/js/12.a8d607e62cab55323780.js
docs/js/12.a8d607e62cab55323780.js
+1
-0
docs/js/44.7251d989d476fb9b7d1a.js
docs/js/44.7251d989d476fb9b7d1a.js
+0
-1
docs/js/44.c8ef4b12e9fe1d9c40f1.js
docs/js/44.c8ef4b12e9fe1d9c40f1.js
+1
-0
docs/js/manifest.d41d8cd98f00b204e980.js
docs/js/manifest.d41d8cd98f00b204e980.js
+1
-1
未找到文件。
docs/example/index.html
浏览文件 @
10e780d2
<!DOCTYPE html>
<html><head><meta
charset=
UTF-8
><title>
cube-ui lib
</title><meta
name=
viewport
content=
"width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover"
><link
href=
css/app.54e0da79b91df5d8108fb403cda88047.css
rel=
stylesheet
></head><body><div
id=
app
></div><script
type=
text/javascript
src=
js/manifest.d41d8cd98f00b204e980.js
></script><script
type=
text/javascript
src=
js/vendor.be798b9313b68c7495aa.js
></script><script
type=
text/javascript
src=
js/app.52d297a1e9ee690c0eab.js
></script></body></html>
\ No newline at end of file
<!DOCTYPE html>
<html><head><meta
charset=
UTF-8
><title>
cube-ui lib
</title><meta
name=
viewport
content=
"width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover"
><link
href=
css/app.54e0da79b91df5d8108fb403cda88047.css
rel=
stylesheet
></head><body><div
id=
app
></div><script
type=
text/javascript
src=
js/manifest.d41d8cd98f00b204e980.js
></script><script
type=
text/javascript
src=
js/vendor.be798b9313b68c7495aa.js
></script><script
type=
text/javascript
src=
js/app.0ed19600f65e8826b9c2.js
></script></body></html>
\ No newline at end of file
docs/example/js/app.
52d297a1e9ee690c0eab
.js
→
docs/example/js/app.
0ed19600f65e8826b9c2
.js
浏览文件 @
10e780d2
因为 它太大了无法显示 source diff 。你可以改为
查看blob
。
docs/example/js/manifest.d41d8cd98f00b204e980.js
浏览文件 @
10e780d2
!
function
(
e
){
function
n
(
r
){
if
(
t
[
r
])
return
t
[
r
].
exports
;
var
o
=
t
[
r
]
=
{
i
:
r
,
l
:
!
1
,
exports
:{}};
return
e
[
r
].
call
(
o
.
exports
,
o
,
o
.
exports
,
n
),
o
.
l
=!
0
,
o
.
exports
}
var
r
=
window
.
webpackJsonp
;
window
.
webpackJsonp
=
function
(
t
,
a
,
c
){
for
(
var
u
,
i
,
f
,
s
=
0
,
l
=
[];
s
<
t
.
length
;
s
++
)
i
=
t
[
s
],
o
[
i
]
&&
l
.
push
(
o
[
i
][
0
]),
o
[
i
]
=
0
;
for
(
u
in
a
)
Object
.
prototype
.
hasOwnProperty
.
call
(
a
,
u
)
&&
(
e
[
u
]
=
a
[
u
]);
for
(
r
&&
r
(
t
,
a
,
c
);
l
.
length
;)
l
.
shift
()();
if
(
c
)
for
(
s
=
0
;
s
<
c
.
length
;
s
++
)
f
=
n
(
n
.
s
=
c
[
s
]);
return
f
};
var
t
=
{},
o
=
{
2
:
0
};
n
.
e
=
function
(
e
){
function
r
(){
u
.
onerror
=
u
.
onload
=
null
,
clearTimeout
(
i
);
var
n
=
o
[
e
];
0
!==
n
&&
(
n
&&
n
[
1
](
new
Error
(
"
Loading chunk
"
+
e
+
"
failed.
"
)),
o
[
e
]
=
void
0
)}
var
t
=
o
[
e
];
if
(
0
===
t
)
return
new
Promise
(
function
(
e
){
e
()});
if
(
t
)
return
t
[
2
];
var
a
=
new
Promise
(
function
(
n
,
r
){
t
=
o
[
e
]
=
[
n
,
r
]});
t
[
2
]
=
a
;
var
c
=
document
.
getElementsByTagName
(
"
head
"
)[
0
],
u
=
document
.
createElement
(
"
script
"
);
u
.
type
=
"
text/javascript
"
,
u
.
charset
=
"
utf-8
"
,
u
.
async
=!
0
,
u
.
timeout
=
12
e4
,
n
.
nc
&&
u
.
setAttribute
(
"
nonce
"
,
n
.
nc
),
u
.
src
=
n
.
p
+
"
js/
"
+
e
+
"
.
"
+
{
0
:
"
52d297a1e9ee690c0eab
"
,
1
:
"
be798b9313b68c7495aa
"
}[
e
]
+
"
.js
"
;
var
i
=
setTimeout
(
r
,
12
e4
);
return
u
.
onerror
=
u
.
onload
=
r
,
c
.
appendChild
(
u
),
a
},
n
.
m
=
e
,
n
.
c
=
t
,
n
.
d
=
function
(
e
,
r
,
t
){
n
.
o
(
e
,
r
)
||
Object
.
defineProperty
(
e
,
r
,{
configurable
:
!
1
,
enumerable
:
!
0
,
get
:
t
})},
n
.
n
=
function
(
e
){
var
r
=
e
&&
e
.
__esModule
?
function
(){
return
e
.
default
}:
function
(){
return
e
};
return
n
.
d
(
r
,
"
a
"
,
r
),
r
},
n
.
o
=
function
(
e
,
n
){
return
Object
.
prototype
.
hasOwnProperty
.
call
(
e
,
n
)},
n
.
p
=
""
,
n
.
oe
=
function
(
e
){
throw
console
.
error
(
e
),
e
}}([]);
\ No newline at end of file
!
function
(
e
){
function
n
(
r
){
if
(
t
[
r
])
return
t
[
r
].
exports
;
var
o
=
t
[
r
]
=
{
i
:
r
,
l
:
!
1
,
exports
:{}};
return
e
[
r
].
call
(
o
.
exports
,
o
,
o
.
exports
,
n
),
o
.
l
=!
0
,
o
.
exports
}
var
r
=
window
.
webpackJsonp
;
window
.
webpackJsonp
=
function
(
t
,
c
,
a
){
for
(
var
u
,
i
,
f
,
s
=
0
,
l
=
[];
s
<
t
.
length
;
s
++
)
i
=
t
[
s
],
o
[
i
]
&&
l
.
push
(
o
[
i
][
0
]),
o
[
i
]
=
0
;
for
(
u
in
c
)
Object
.
prototype
.
hasOwnProperty
.
call
(
c
,
u
)
&&
(
e
[
u
]
=
c
[
u
]);
for
(
r
&&
r
(
t
,
c
,
a
);
l
.
length
;)
l
.
shift
()();
if
(
a
)
for
(
s
=
0
;
s
<
a
.
length
;
s
++
)
f
=
n
(
n
.
s
=
a
[
s
]);
return
f
};
var
t
=
{},
o
=
{
2
:
0
};
n
.
e
=
function
(
e
){
function
r
(){
u
.
onerror
=
u
.
onload
=
null
,
clearTimeout
(
i
);
var
n
=
o
[
e
];
0
!==
n
&&
(
n
&&
n
[
1
](
new
Error
(
"
Loading chunk
"
+
e
+
"
failed.
"
)),
o
[
e
]
=
void
0
)}
var
t
=
o
[
e
];
if
(
0
===
t
)
return
new
Promise
(
function
(
e
){
e
()});
if
(
t
)
return
t
[
2
];
var
c
=
new
Promise
(
function
(
n
,
r
){
t
=
o
[
e
]
=
[
n
,
r
]});
t
[
2
]
=
c
;
var
a
=
document
.
getElementsByTagName
(
"
head
"
)[
0
],
u
=
document
.
createElement
(
"
script
"
);
u
.
type
=
"
text/javascript
"
,
u
.
charset
=
"
utf-8
"
,
u
.
async
=!
0
,
u
.
timeout
=
12
e4
,
n
.
nc
&&
u
.
setAttribute
(
"
nonce
"
,
n
.
nc
),
u
.
src
=
n
.
p
+
"
js/
"
+
e
+
"
.
"
+
{
0
:
"
0ed19600f65e8826b9c2
"
,
1
:
"
be798b9313b68c7495aa
"
}[
e
]
+
"
.js
"
;
var
i
=
setTimeout
(
r
,
12
e4
);
return
u
.
onerror
=
u
.
onload
=
r
,
a
.
appendChild
(
u
),
c
},
n
.
m
=
e
,
n
.
c
=
t
,
n
.
d
=
function
(
e
,
r
,
t
){
n
.
o
(
e
,
r
)
||
Object
.
defineProperty
(
e
,
r
,{
configurable
:
!
1
,
enumerable
:
!
0
,
get
:
t
})},
n
.
n
=
function
(
e
){
var
r
=
e
&&
e
.
__esModule
?
function
(){
return
e
.
default
}:
function
(){
return
e
};
return
n
.
d
(
r
,
"
a
"
,
r
),
r
},
n
.
o
=
function
(
e
,
n
){
return
Object
.
prototype
.
hasOwnProperty
.
call
(
e
,
n
)},
n
.
p
=
""
,
n
.
oe
=
function
(
e
){
throw
console
.
error
(
e
),
e
}}([]);
\ No newline at end of file
docs/js/12.
1081435b119f9ab4c66d
.js
→
docs/js/12.
a8d607e62cab55323780
.js
浏览文件 @
10e780d2
webpackJsonp
([
12
],{
504
:
function
(
s
,
t
,
a
){
s
.
exports
=
a
(
630
)},
630
:
function
(
s
,
t
,
a
){
var
v
=
a
(
11
)(
null
,
a
(
631
),
null
,
null
,
null
);
s
.
exports
=
v
.
exports
},
631
:
function
(
s
,
t
){
s
.
exports
=
{
render
:
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
section
"
,[
a
(
"
h2
"
,{
attrs
:{
id
:
"
Slide
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Slide-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Slide
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
0
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
示例
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-示例-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
示例
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
1
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Props配置
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Props配置-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Props 配置
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
2
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
插槽
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-插槽-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
插槽
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
3
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
事件
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-事件-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
事件
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
4
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
实例方法
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-实例方法-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
实例方法
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
5
)])},
staticRenderFns
:[
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
p
"
,[
s
.
_v
(
"
轮播图,提供了常见的
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
轮播
"
)]),
s
.
_v
(
"
及
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
swipe
"
)]),
s
.
_v
(
"
的功能,也是一个基于
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
better-scroll
"
)]),
s
.
_v
(
"
进行封装的组件。
"
)])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
ul
"
,[
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
基本使用
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
由于
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
最常用的场景中,每个轮播页是一个可跳转链接的图片,所以我们提供的最简便的用法是,通过
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
data
"
)]),
s
.
_v
(
"
属性传入一个包含图片和跳转链接信息的数组,我们会默认将其渲染成一组超链接图片的轮播图。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:data
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"items"
'
)]),
s
.
_v
(
"
/>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-javascript
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
export
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
{
\n
data() {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
return
"
)]),
s
.
_v
(
"
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
items
"
)]),
s
.
_v
(
"
: [
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'
"
)]),
s
.
_v
(
"
\n
},
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'
"
)]),
s
.
_v
(
"
\n
},
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'
"
)]),
s
.
_v
(
"
\n
}
\n
]
\n
}
\n
}
\n
}
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
自定义内容
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
当然我们也支持自定义内容,使用默认插槽和
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
就可以自定义每个轮播页的结构。其中,
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
元素即整个轮播图组件,
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
元素则是每一个轮播的页面,其 slot 为该页的内容。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
ref
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"slide"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:data
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"items"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
@change
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"changePage"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
v-for
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"(item, index) in items"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:key
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"index"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
@click.native
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"clickHandler(item, index)"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:href
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.url"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
img
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:src
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.image"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-javascript
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
export
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
{
\n
data() {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
return
"
)]),
s
.
_v
(
"
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
items
"
)]),
s
.
_v
(
"
: [
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'
"
)]),
s
.
_v
(
"
\n
},
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'
"
)]),
s
.
_v
(
"
\n
},
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'
"
)]),
s
.
_v
(
"
\n
}
\n
]
\n
}
\n
},
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
methods
"
)]),
s
.
_v
(
"
: {
\n
changePage(current) {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-built_in
"
}},[
s
.
_v
(
"
console
"
)]),
s
.
_v
(
"
.log(
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'当前轮播图序号为:'
"
)]),
s
.
_v
(
"
+ current)
\n
},
\n
clickHandler(item, index) {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-built_in
"
}},[
s
.
_v
(
"
console
"
)]),
s
.
_v
(
"
.log(item, index)
\n
}
\n
}
\n
}
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
虽然你使用了自定义内容以后,我们不会用
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
data
"
)]),
s
.
_v
(
"
生成默认内容,但依然建议你将数据传入
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
data
"
)]),
s
.
_v
(
"
属性,因为只有这样,我们组件内部才能帮你自动进行数据监听和重新渲染,否则你可能会需要自己调用 refresh 方法重新渲染,比如这样
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
this.$refs.slide.refresh()
"
)]),
s
.
_v
(
"
。
"
)])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
初始索引
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
初始化时展示的位置索引值,默认为 0。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:initial-index
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"1"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
循环播放
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
默认开启循环播放,可通过 loop 属性配置。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:loop
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"false"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
自动播放
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
默认开启自动播放,可通过 auto-play 属性配置。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:auto-play
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"false"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
自动播放的时间间隔
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
当开启了自动播放时,还可通过 interval 属性配置时间间隔。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:interval
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"4000"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
切换页面的滑动阈值
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
可通过
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
属性配置切换页面的滑动阈值,既当滑动的距离超过了页面宽度 ×
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
时,切换页面。默认值为0.3。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:threshold
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"0.4"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
切换页面的速度
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
默认切换动画耗时为400ms,可通过
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
speed
"
)]),
s
.
_v
(
"
属性配置。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:speed
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"200"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
允许纵向滚动
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
默认在 Slide 区域的时候,竖向是不能滚动的,如果想要竖向可以滚动,可以设置
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
allowVertical
"
)]),
s
.
_v
(
"
为
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
true
"
)]),
s
.
_v
(
"
。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:allow-vertical
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"true"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
修改 dots 内容
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
默认是点,可通过插槽修改。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
template
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
slot
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"dots"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
slot-scope
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"props"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
span
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
class
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"my-dot"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:class
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"{active: props.current === index}"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
v-for
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"(item, index) in props.dots"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
{{index + 1}}
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
span
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
template
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
作用域插槽提供了所需的当前索引值
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
current
"
)]),
s
.
_v
(
"
以及长度
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
dots
"
)]),
s
.
_v
(
"
。
"
)])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
参数
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
说明
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
类型
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
可选值
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
默认值
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
data
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
用于 side-item 列表渲染的数据,当需要使用内置的默认内容,或者让组件自动监听数据变化重新渲染时,此参数必传
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Array
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
[]
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
initialIndex
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
初始索引值
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
0
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
loop
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
是否循环播放
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
autoPlay
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
是否自动播放
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
interval
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
播放间隔
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
4000
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
切换页面的滑动阈值
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
(0, 1)
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
0.3
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
speed
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
切换页面的速度
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
400
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
allowVertical
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
是否允许竖向滚动
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
false
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
名字
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
说明
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
作用域参数
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
默认内容,由 cube-slide-item 构成
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
dots
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
dots 内容
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
dots: 轮播项长度
"
),
a
(
"
br
"
),
s
.
_v
(
"
current: 当前索引
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
事件名
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
说明
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
参数
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
change
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Slide 当前展示项发生改变时触发
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
当前展示项的索引值
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
方法名
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
说明
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
refresh
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
当轮播图内容删减的时候,可以调用此方法进行更新,重新渲染
"
)])])])])}]}}});
\ No newline at end of file
webpackJsonp
([
12
],{
504
:
function
(
s
,
t
,
a
){
s
.
exports
=
a
(
630
)},
630
:
function
(
s
,
t
,
a
){
var
v
=
a
(
11
)(
null
,
a
(
631
),
null
,
null
,
null
);
s
.
exports
=
v
.
exports
},
631
:
function
(
s
,
t
){
s
.
exports
=
{
render
:
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
section
"
,[
a
(
"
h2
"
,{
attrs
:{
id
:
"
Slide
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Slide-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Slide
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
0
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
示例
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-示例-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
示例
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
1
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Props配置
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Props配置-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Props 配置
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
2
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
插槽
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-插槽-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
插槽
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
3
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
事件
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-事件-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
事件
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
4
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
实例方法
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-实例方法-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
实例方法
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
5
)])},
staticRenderFns
:[
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
p
"
,[
s
.
_v
(
"
轮播图,提供了常见的
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
轮播
"
)]),
s
.
_v
(
"
及
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
swipe
"
)]),
s
.
_v
(
"
的功能,也是一个基于
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
better-scroll
"
)]),
s
.
_v
(
"
进行封装的组件。
"
)])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
ul
"
,[
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
基本使用
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
由于
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
最常用的场景中,每个轮播页是一个可跳转链接的图片,所以我们提供的最简便的用法是,通过
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
data
"
)]),
s
.
_v
(
"
属性传入一个包含图片和跳转链接信息的数组,我们会默认将其渲染成一组超链接图片的轮播图。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:data
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"items"
'
)]),
s
.
_v
(
"
/>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-javascript
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
export
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
{
\n
data() {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
return
"
)]),
s
.
_v
(
"
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
items
"
)]),
s
.
_v
(
"
: [
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'
"
)]),
s
.
_v
(
"
\n
},
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'
"
)]),
s
.
_v
(
"
\n
},
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'
"
)]),
s
.
_v
(
"
\n
}
\n
]
\n
}
\n
}
\n
}
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
自定义内容
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
当然我们也支持自定义内容,使用默认插槽和
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
就可以自定义每个轮播页的结构。其中,
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
元素即整个轮播图组件,
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
元素则是每一个轮播的页面,其 slot 为该页的内容。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
ref
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"slide"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:data
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"items"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
@change
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"changePage"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
v-for
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"(item, index) in items"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:key
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"index"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
@click
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"clickHandler(item, index)"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:href
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.url"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
img
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:src
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.image"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-javascript
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
export
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
{
\n
data() {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
return
"
)]),
s
.
_v
(
"
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
items
"
)]),
s
.
_v
(
"
: [
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'
"
)]),
s
.
_v
(
"
\n
},
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'
"
)]),
s
.
_v
(
"
\n
},
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'
"
)]),
s
.
_v
(
"
\n
}
\n
]
\n
}
\n
},
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
methods
"
)]),
s
.
_v
(
"
: {
\n
changePage(current) {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-built_in
"
}},[
s
.
_v
(
"
console
"
)]),
s
.
_v
(
"
.log(
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'当前轮播图序号为:'
"
)]),
s
.
_v
(
"
+ current)
\n
},
\n
clickHandler(item, index) {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-built_in
"
}},[
s
.
_v
(
"
console
"
)]),
s
.
_v
(
"
.log(item, index)
\n
}
\n
}
\n
}
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
虽然你使用了自定义内容以后,我们不会用
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
data
"
)]),
s
.
_v
(
"
生成默认内容,但依然建议你将数据传入
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
data
"
)]),
s
.
_v
(
"
属性,因为只有这样,我们组件内部才能帮你自动进行数据监听和重新渲染,否则你可能会需要自己调用 refresh 方法重新渲染,比如这样
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
this.$refs.slide.refresh()
"
)]),
s
.
_v
(
"
。
"
)])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
初始索引
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
初始化时展示的位置索引值,默认为 0。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:initial-index
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"1"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
循环播放
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
默认开启循环播放,可通过 loop 属性配置。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:loop
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"false"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
自动播放
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
默认开启自动播放,可通过 auto-play 属性配置。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:auto-play
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"false"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
自动播放的时间间隔
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
当开启了自动播放时,还可通过 interval 属性配置时间间隔。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:interval
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"4000"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
切换页面的滑动阈值
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
可通过
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
属性配置切换页面的滑动阈值,既当滑动的距离超过了页面宽度 ×
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
时,切换页面。默认值为0.3。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:threshold
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"0.4"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
切换页面的速度
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
默认切换动画耗时为400ms,可通过
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
speed
"
)]),
s
.
_v
(
"
属性配置。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:speed
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"200"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
允许纵向滚动
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
默认在 Slide 区域的时候,竖向是不能滚动的,如果想要竖向可以滚动,可以设置
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
allowVertical
"
)]),
s
.
_v
(
"
为
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
true
"
)]),
s
.
_v
(
"
。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:allow-vertical
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"true"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
修改 dots 内容
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
默认是点,可通过插槽修改。
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
template
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
slot
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"dots"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
slot-scope
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"props"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
span
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
class
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"my-dot"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:class
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"{active: props.current === index}"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
v-for
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"(item, index) in props.dots"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
{{index + 1}}
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
span
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
template
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
作用域插槽提供了所需的当前索引值
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
current
"
)]),
s
.
_v
(
"
以及长度
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
dots
"
)]),
s
.
_v
(
"
。
"
)])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
参数
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
说明
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
类型
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
可选值
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
默认值
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
data
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
用于 side-item 列表渲染的数据,当需要使用内置的默认内容,或者让组件自动监听数据变化重新渲染时,此参数必传
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Array
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
[]
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
initialIndex
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
初始索引值
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
0
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
loop
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
是否循环播放
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
autoPlay
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
是否自动播放
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
interval
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
播放间隔
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
4000
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
切换页面的滑动阈值
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
(0, 1)
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
0.3
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
speed
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
切换页面的速度
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
400
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
allowVertical
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
是否允许竖向滚动
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
false
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
名字
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
说明
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
作用域参数
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
默认内容,由 cube-slide-item 构成
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
dots
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
dots 内容
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
dots: 轮播项长度
"
),
a
(
"
br
"
),
s
.
_v
(
"
current: 当前索引
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
事件名
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
说明
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
参数
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
change
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Slide 当前展示项发生改变时触发
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
当前展示项的索引值
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
方法名
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
说明
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
refresh
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
当轮播图内容删减的时候,可以调用此方法进行更新,重新渲染
"
)])])])])}]}}});
\ No newline at end of file
docs/js/44.7251d989d476fb9b7d1a.js
已删除
100644 → 0
浏览文件 @
52c599d9
webpackJsonp
([
44
],{
472
:
function
(
s
,
t
,
a
){
s
.
exports
=
a
(
566
)},
566
:
function
(
s
,
t
,
a
){
var
e
=
a
(
11
)(
null
,
a
(
567
),
null
,
null
,
null
);
s
.
exports
=
e
.
exports
},
567
:
function
(
s
,
t
){
s
.
exports
=
{
render
:
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
section
"
,[
a
(
"
h2
"
,{
attrs
:{
id
:
"
Slide
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Slide-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Slide
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
0
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Example
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Example-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Example
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
1
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Propsconfiguration
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Propsconfiguration-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Props configuration
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
2
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Slot
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Slot-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Slot
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
3
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Events
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Events-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Events
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
4
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Instancemethods
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Instancemethods-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Instance methods
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
5
)])},
staticRenderFns
:[
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
p
"
,[
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
Slide
"
)]),
s
.
_v
(
"
component, which is also encapsulated based on
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
better-scroll
"
)]),
s
.
_v
(
"
, provides common functions like
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
slider
"
)]),
s
.
_v
(
"
and
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
swipe
"
)]),
s
.
_v
(
"
.
"
)])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
ul
"
,[
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Basic usage
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
element is the entire slide component while
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
element is the page of each slide and it's slot is the content of the page.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
@change
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"changePage"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
v-for
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"(item, index) in items"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:key
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"index"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
@click.native
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"clickHandler(item, index)"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:href
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.url"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
img
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:src
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.image"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-javascript
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
export
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
{
\n
data() {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
return
"
)]),
s
.
_v
(
"
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
items
"
)]),
s
.
_v
(
"
: [
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'
"
)]),
s
.
_v
(
"
\n
}, {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'
"
)]),
s
.
_v
(
"
\n
}, {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'
"
)]),
s
.
_v
(
"
\n
}
\n
]
\n
}
\n
},
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
methods
"
)]),
s
.
_v
(
"
: {
\n
changePage(current) {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-built_in
"
}},[
s
.
_v
(
"
console
"
)]),
s
.
_v
(
"
.log(
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'The index of current slide is '
"
)]),
s
.
_v
(
"
+ current)
\n
},
\n
clickHandler(item, index) {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-built_in
"
}},[
s
.
_v
(
"
console
"
)]),
s
.
_v
(
"
.log(item, index)
\n
}
\n
}
\n
}
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Initial Index
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Initial Index value, default 0.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:initial-index
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"1"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Loop play
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Loop play is turned on by default. You can cnfigure that with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
loop
"
)]),
s
.
_v
(
"
attribute.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:loop
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"false"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Automatic play
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Automatic play is turned on by default. You can configure that with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
auto-play
"
)]),
s
.
_v
(
"
attribute.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:auto-play
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"false"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Interval of automatic play
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
When automatic play is turned on, you can configure the interval with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
interval
"
)]),
s
.
_v
(
"
attribute.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:interval
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"4000"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Sliding threshold of switching pages
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
You can configure the sliding threshold of switching pages with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
attribute. It means that when the sliding distance exceeds the page's width *
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
, the page is switched. Default is 0.3.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:threshold
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"0.4"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Speed of switching pages
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Animation of switching costs 400 ms by default. You can cnfigure that with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
speed
"
)]),
s
.
_v
(
"
attribute.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:speed
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"200"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Allow vertical scroll behavior
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
It can not be scrolling in the vertical direction by default. You can configure that with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
allow-vertical
"
)]),
s
.
_v
(
"
attribute.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:allow-vertical
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"true"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
refresh method
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
When Slide Items updated or Slide props updated, you can call
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
refresh
"
)]),
s
.
_v
(
"
method to update Slide view.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
ref
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"slide"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
v-for
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"(item, index) in items"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:key
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"index"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:href
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.url"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
img
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:src
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.image"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-js
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
const
"
)]),
s
.
_v
(
"
item3 = {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'
"
)]),
s
.
_v
(
"
\n
}
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
export
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
{
\n
data() {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
return
"
)]),
s
.
_v
(
"
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
items
"
)]),
s
.
_v
(
"
: [
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'
"
)]),
s
.
_v
(
"
\n
},
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'
"
)]),
s
.
_v
(
"
\n
}
\n
]
\n
}
\n
},
\n
mounted() {
\n
setTimeout(
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-function
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-params
"
}},[
s
.
_v
(
"
()
"
)]),
s
.
_v
(
"
=>
"
)]),
s
.
_v
(
"
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
this
"
)]),
s
.
_v
(
"
.items.push(item3)
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
this
"
)]),
s
.
_v
(
"
.$refs.slide.refresh()
\n
},
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-number
"
}},[
s
.
_v
(
"
2000
"
)]),
s
.
_v
(
"
)
\n
}
\n
}
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Added an new slide item 2 seconds later and called
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
refresh
"
)]),
s
.
_v
(
"
.
"
)])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Modify dots style
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Default dot, you can change it by using dots slot.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
template
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
slot
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"dots"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
slot-scope
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"props"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
span
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
class
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"my-dot"
'
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:class
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"{active: props.current === index}"
'
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
v-for
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"(item, index) in props.dots"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
{{index + 1}}
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
span
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
template
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
The scoped slots provide two parameters: current active index
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
current
"
)]),
s
.
_v
(
"
and slide items length
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
dots
"
)]),
s
.
_v
(
"
.
"
)])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
Attribute
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Description
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Type
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Accepted Values
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Default
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
initialIndex
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
initial index
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
0
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
loop
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
whether to loop play
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
autoPlay
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
whether to play automatically
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
interval
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
interval of play
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
4000
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
sliding threshold of switching pages
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
(0, 1)
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
0.3
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
speed
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
speed of switching pages
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
400
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
allowVertical
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
whether to allow vertical scrolling
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
false
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
Name
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Description
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Scope Parameters
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Default content contains cube-slide-item components
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
dots
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Dots content
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
dots: Slide items length
"
),
a
(
"
br
"
),
s
.
_v
(
"
current: current active index
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
Event Name
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Description
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Parameters
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
change
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
triggers when current slide changes
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
index of current slide
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
Method name
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Description
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
refresh
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
You can call this method when slide items added or removed
"
)])])])])}]}}});
\ No newline at end of file
docs/js/44.c8ef4b12e9fe1d9c40f1.js
0 → 100644
浏览文件 @
10e780d2
webpackJsonp
([
44
],{
472
:
function
(
s
,
t
,
a
){
s
.
exports
=
a
(
566
)},
566
:
function
(
s
,
t
,
a
){
var
e
=
a
(
11
)(
null
,
a
(
567
),
null
,
null
,
null
);
s
.
exports
=
e
.
exports
},
567
:
function
(
s
,
t
){
s
.
exports
=
{
render
:
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
section
"
,[
a
(
"
h2
"
,{
attrs
:{
id
:
"
Slide
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Slide-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Slide
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
0
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Example
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Example-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Example
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
1
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Propsconfiguration
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Propsconfiguration-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Props configuration
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
2
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Slot
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Slot-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Slot
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
3
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Events
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Events-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Events
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
4
),
s
.
_v
(
"
"
),
a
(
"
h3
"
,{
attrs
:{
id
:
"
Instancemethods
"
}},[
a
(
"
a
"
,{
staticClass
:
"
anchor
"
,
attrs
:{
href
:
"
#cube-Instancemethods-anchor
"
,
"
aria-hidden
"
:
"
true
"
}},[
a
(
"
svg
"
,{
attrs
:{
"
aria-hidden
"
:
"
true
"
,
height
:
"
16
"
,
version
:
"
1.1
"
,
viewBox
:
"
0 0 16 16
"
,
width
:
"
16
"
}},[
a
(
"
path
"
,{
attrs
:{
"
fill-rule
"
:
"
evenodd
"
,
d
:
"
M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z
"
}})])]),
s
.
_v
(
"
Instance methods
"
)]),
s
.
_v
(
"
"
),
s
.
_m
(
5
)])},
staticRenderFns
:[
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
p
"
,[
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
Slide
"
)]),
s
.
_v
(
"
component, which is also encapsulated based on
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
better-scroll
"
)]),
s
.
_v
(
"
, provides common functions like
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
slider
"
)]),
s
.
_v
(
"
and
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
swipe
"
)]),
s
.
_v
(
"
.
"
)])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
ul
"
,[
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Basic usage
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
element is the entire slide component while
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
element is the page of each slide and it's slot is the content of the page.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
@change
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"changePage"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
v-for
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"(item, index) in items"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:key
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"index"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
@click
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"clickHandler(item, index)"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:href
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.url"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
img
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:src
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.image"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-javascript
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
export
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
{
\n
data() {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
return
"
)]),
s
.
_v
(
"
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
items
"
)]),
s
.
_v
(
"
: [
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'
"
)]),
s
.
_v
(
"
\n
}, {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'
"
)]),
s
.
_v
(
"
\n
}, {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'
"
)]),
s
.
_v
(
"
\n
}
\n
]
\n
}
\n
},
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
methods
"
)]),
s
.
_v
(
"
: {
\n
changePage(current) {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-built_in
"
}},[
s
.
_v
(
"
console
"
)]),
s
.
_v
(
"
.log(
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'The index of current slide is '
"
)]),
s
.
_v
(
"
+ current)
\n
},
\n
clickHandler(item, index) {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-built_in
"
}},[
s
.
_v
(
"
console
"
)]),
s
.
_v
(
"
.log(item, index)
\n
}
\n
}
\n
}
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Initial Index
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Initial Index value, default 0.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:initial-index
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"1"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Loop play
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Loop play is turned on by default. You can cnfigure that with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
loop
"
)]),
s
.
_v
(
"
attribute.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:loop
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"false"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Automatic play
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Automatic play is turned on by default. You can configure that with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
auto-play
"
)]),
s
.
_v
(
"
attribute.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:auto-play
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"false"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Interval of automatic play
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
When automatic play is turned on, you can configure the interval with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
interval
"
)]),
s
.
_v
(
"
attribute.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:interval
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"4000"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Sliding threshold of switching pages
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
You can configure the sliding threshold of switching pages with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
attribute. It means that when the sliding distance exceeds the page's width *
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
, the page is switched. Default is 0.3.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:threshold
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"0.4"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Speed of switching pages
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Animation of switching costs 400 ms by default. You can cnfigure that with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
speed
"
)]),
s
.
_v
(
"
attribute.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:speed
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"200"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Allow vertical scroll behavior
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
It can not be scrolling in the vertical direction by default. You can configure that with
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
allow-vertical
"
)]),
s
.
_v
(
"
attribute.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:allow-vertical
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"true"
'
)]),
s
.
_v
(
"
>
"
)]),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
refresh method
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
When Slide Items updated or Slide props updated, you can call
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
refresh
"
)]),
s
.
_v
(
"
method to update Slide view.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
ref
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"slide"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
v-for
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"(item, index) in items"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:key
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"index"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:href
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.url"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
img
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:src
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"item.image"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
a
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide-item
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-js
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
const
"
)]),
s
.
_v
(
"
item3 = {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide03.png'
"
)]),
s
.
_v
(
"
\n
}
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
export
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
{
\n
data() {
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
return
"
)]),
s
.
_v
(
"
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
items
"
)]),
s
.
_v
(
"
: [
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide01.png'
"
)]),
s
.
_v
(
"
\n
},
\n
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
url
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'http://www.didichuxing.com/'
"
)]),
s
.
_v
(
"
,
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
image
"
)]),
s
.
_v
(
"
:
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
"
'//webapp.didistatic.com/static/webapp/shield/cube-ui-examples-slide02.png'
"
)]),
s
.
_v
(
"
\n
}
\n
]
\n
}
\n
},
\n
mounted() {
\n
setTimeout(
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-function
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-params
"
}},[
s
.
_v
(
"
()
"
)]),
s
.
_v
(
"
=>
"
)]),
s
.
_v
(
"
{
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
this
"
)]),
s
.
_v
(
"
.items.push(item3)
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-keyword
"
}},[
s
.
_v
(
"
this
"
)]),
s
.
_v
(
"
.$refs.slide.refresh()
\n
},
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-number
"
}},[
s
.
_v
(
"
2000
"
)]),
s
.
_v
(
"
)
\n
}
\n
}
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Added an new slide item 2 seconds later and called
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
refresh
"
)]),
s
.
_v
(
"
.
"
)])]),
s
.
_v
(
"
"
),
a
(
"
li
"
,[
a
(
"
p
"
,[
s
.
_v
(
"
Modify dots style
"
)]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
Default dot, you can change it by using dots slot.
"
)]),
s
.
_v
(
"
"
),
a
(
"
pre
"
,{
pre
:
!
0
},[
a
(
"
code
"
,{
attrs
:{
"
v-pre
"
:
""
,
class
:
"
language-html
"
}},[
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
template
"
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
slot
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"dots"
'
)]),
s
.
_v
(
"
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
slot-scope
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"props"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
<
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
span
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
class
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"my-dot"
'
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
:class
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"{active: props.current === index}"
'
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-attr
"
}},[
s
.
_v
(
"
v-for
"
)]),
s
.
_v
(
"
=
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-string
"
}},[
s
.
_v
(
'
"(item, index) in props.dots"
'
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
{{index + 1}}
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
span
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
template
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-tag
"
}},[
s
.
_v
(
"
</
"
),
a
(
"
span
"
,{
attrs
:{
class
:
"
hljs-name
"
}},[
s
.
_v
(
"
cube-slide
"
)]),
s
.
_v
(
"
>
"
)]),
s
.
_v
(
"
\n
"
)])]),
s
.
_v
(
"
"
),
a
(
"
p
"
,[
s
.
_v
(
"
The scoped slots provide two parameters: current active index
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
current
"
)]),
s
.
_v
(
"
and slide items length
"
),
a
(
"
code
"
,{
pre
:
!
0
},[
s
.
_v
(
"
dots
"
)]),
s
.
_v
(
"
.
"
)])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
Attribute
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Description
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Type
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Accepted Values
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Default
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
initialIndex
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
initial index
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
0
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
loop
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
whether to loop play
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
autoPlay
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
whether to play automatically
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
interval
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
interval of play
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
4000
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
threshold
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
sliding threshold of switching pages
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
(0, 1)
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
0.3
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
speed
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
speed of switching pages
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Number
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
400
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
allowVertical
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
whether to allow vertical scrolling
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Boolean
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
true/false
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
false
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
Name
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Description
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Scope Parameters
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
default
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Default content contains cube-slide-item components
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
-
"
)])]),
s
.
_v
(
"
"
),
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
dots
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
Dots content
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
dots: Slide items length
"
),
a
(
"
br
"
),
s
.
_v
(
"
current: current active index
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
Event Name
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Description
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Parameters
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
change
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
triggers when current slide changes
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
index of current slide
"
)])])])])},
function
(){
var
s
=
this
,
t
=
s
.
$createElement
,
a
=
s
.
_self
.
_c
||
t
;
return
a
(
"
table
"
,[
a
(
"
thead
"
,[
a
(
"
tr
"
,[
a
(
"
th
"
,[
s
.
_v
(
"
Method name
"
)]),
s
.
_v
(
"
"
),
a
(
"
th
"
,[
s
.
_v
(
"
Description
"
)])])]),
s
.
_v
(
"
"
),
a
(
"
tbody
"
,[
a
(
"
tr
"
,[
a
(
"
td
"
,[
s
.
_v
(
"
refresh
"
)]),
s
.
_v
(
"
"
),
a
(
"
td
"
,[
s
.
_v
(
"
You can call this method when slide items added or removed
"
)])])])])}]}}});
\ No newline at end of file
docs/js/manifest.d41d8cd98f00b204e980.js
浏览文件 @
10e780d2
!
function
(
e
){
function
a
(
f
){
if
(
c
[
f
])
return
c
[
f
].
exports
;
var
b
=
c
[
f
]
=
{
i
:
f
,
l
:
!
1
,
exports
:{}};
return
e
[
f
].
call
(
b
.
exports
,
b
,
b
.
exports
,
a
),
b
.
l
=!
0
,
b
.
exports
}
var
f
=
window
.
webpackJsonp
;
window
.
webpackJsonp
=
function
(
c
,
d
,
n
){
for
(
var
r
,
t
,
o
,
u
=
0
,
i
=
[];
u
<
c
.
length
;
u
++
)
t
=
c
[
u
],
b
[
t
]
&&
i
.
push
(
b
[
t
][
0
]),
b
[
t
]
=
0
;
for
(
r
in
d
)
Object
.
prototype
.
hasOwnProperty
.
call
(
d
,
r
)
&&
(
e
[
r
]
=
d
[
r
]);
for
(
f
&&
f
(
c
,
d
,
n
);
i
.
length
;)
i
.
shift
()();
if
(
n
)
for
(
u
=
0
;
u
<
n
.
length
;
u
++
)
o
=
a
(
a
.
s
=
n
[
u
]);
return
o
};
var
c
=
{},
b
=
{
68
:
0
};
a
.
e
=
function
(
e
){
function
f
(){
r
.
onerror
=
r
.
onload
=
null
,
clearTimeout
(
t
);
var
a
=
b
[
e
];
0
!==
a
&&
(
a
&&
a
[
1
](
new
Error
(
"
Loading chunk
"
+
e
+
"
failed.
"
)),
b
[
e
]
=
void
0
)}
var
c
=
b
[
e
];
if
(
0
===
c
)
return
new
Promise
(
function
(
e
){
e
()});
if
(
c
)
return
c
[
2
];
var
d
=
new
Promise
(
function
(
a
,
f
){
c
=
b
[
e
]
=
[
a
,
f
]});
c
[
2
]
=
d
;
var
n
=
document
.
getElementsByTagName
(
"
head
"
)[
0
],
r
=
document
.
createElement
(
"
script
"
);
r
.
type
=
"
text/javascript
"
,
r
.
charset
=
"
utf-8
"
,
r
.
async
=!
0
,
r
.
timeout
=
12
e4
,
a
.
nc
&&
r
.
setAttribute
(
"
nonce
"
,
a
.
nc
),
r
.
src
=
a
.
p
+
"
js/
"
+
e
+
"
.
"
+
{
0
:
"
2a7d937682463aaa333a
"
,
1
:
"
0e3893619a19b0ba07dd
"
,
2
:
"
c80676afa513f86d37c3
"
,
3
:
"
cacadae3e5abb66a92d8
"
,
4
:
"
5286984aab4fa03d5518
"
,
5
:
"
a8923a3fa5df51720177
"
,
6
:
"
47cd17d30e1fbfcb15ae
"
,
7
:
"
c3e51a87202c30b4fe4d
"
,
8
:
"
65d69f2eeeb18f32eeef
"
,
9
:
"
f93614ab5eaa56fa8bf4
"
,
10
:
"
83f03bc131fcfc789302
"
,
11
:
"
2fbcc9383e5e8589c665
"
,
12
:
"
1081435b119f9ab4c66d
"
,
13
:
"
4bd7903bcf556514beae
"
,
14
:
"
176d823858e2e0a12839
"
,
15
:
"
4512c2c5dfebeb37e593
"
,
16
:
"
ba1f2fefb075ab9c2793
"
,
17
:
"
a5b67db4b5ddc56535ac
"
,
18
:
"
53ef63866037b6595295
"
,
19
:
"
da17e78afce2c72604af
"
,
20
:
"
792c3f53954f3abdb604
"
,
21
:
"
5c9e2bbbd44d6bab9f99
"
,
22
:
"
32feeb6a1b0dc5a23164
"
,
23
:
"
54ac9bd152a5a3bf916f
"
,
24
:
"
9fd3b5907e4249ee3e9d
"
,
25
:
"
fc1962f81e39850f027a
"
,
26
:
"
bc480f9268c8955655e5
"
,
27
:
"
d732d1912bd618df5a3b
"
,
28
:
"
c95cb19ddf353dc35277
"
,
29
:
"
8f787dfb11f51d09d50d
"
,
30
:
"
3e12260ad426c6e8b724
"
,
31
:
"
457fc303d314640f2068
"
,
32
:
"
5f3df91fa7a555dcdba8
"
,
33
:
"
0e138606228bb48c12cb
"
,
34
:
"
1212a177b4d0bcf8ed5b
"
,
35
:
"
68fb605dce3c56e20f66
"
,
36
:
"
94d768ce93892a9612e1
"
,
37
:
"
682da19b166b0d6b616f
"
,
38
:
"
6de4a1484fe6acb31a26
"
,
39
:
"
cffd53974e5ed717720d
"
,
40
:
"
6995e7055929af006405
"
,
41
:
"
35898e8f6c1c3c451da2
"
,
42
:
"
65df1f2beb97d210560d
"
,
43
:
"
d614767f5e08982b76bd
"
,
44
:
"
7251d989d476fb9b7d1a
"
,
45
:
"
aa568dba8cf5bc68e9d5
"
,
46
:
"
5160dab8eac2bacfff28
"
,
47
:
"
ecf5efa118ce790783cf
"
,
48
:
"
2b6aa48c6acaef38eac3
"
,
49
:
"
c96a8f8b6a5b941bc1f7
"
,
50
:
"
f54d2e5dcfca3207092b
"
,
51
:
"
916484efcb98f2f7d69d
"
,
52
:
"
c94e2db31c5d635d8a0c
"
,
53
:
"
0b8893ba13eed4bda4a9
"
,
54
:
"
c19a525dc6ac3290e4a8
"
,
55
:
"
b7afa0c2c697a4f01a22
"
,
56
:
"
dc70cdcfef7b67e3b3af
"
,
57
:
"
f9beb41328f12d62c74a
"
,
58
:
"
d24fa3258aecc3fd789d
"
,
59
:
"
514b415e1902b4f4f598
"
,
60
:
"
dae75629132e5fa0cd4b
"
,
61
:
"
ba6bb1eaa1a825cea5df
"
,
62
:
"
0ffc1fabb04f2ffc2106
"
,
63
:
"
4e0ecc64c233ee9c9787
"
,
64
:
"
76cb34869cfbf4eadffd
"
,
65
:
"
a36127bbbe2df735c340
"
,
66
:
"
bd8460ff5fa97c6957e1
"
,
67
:
"
59657ea49aa0295756aa
"
}[
e
]
+
"
.js
"
;
var
t
=
setTimeout
(
f
,
12
e4
);
return
r
.
onerror
=
r
.
onload
=
f
,
n
.
appendChild
(
r
),
d
},
a
.
m
=
e
,
a
.
c
=
c
,
a
.
d
=
function
(
e
,
f
,
c
){
a
.
o
(
e
,
f
)
||
Object
.
defineProperty
(
e
,
f
,{
configurable
:
!
1
,
enumerable
:
!
0
,
get
:
c
})},
a
.
n
=
function
(
e
){
var
f
=
e
&&
e
.
__esModule
?
function
(){
return
e
.
default
}:
function
(){
return
e
};
return
a
.
d
(
f
,
"
a
"
,
f
),
f
},
a
.
o
=
function
(
e
,
a
){
return
Object
.
prototype
.
hasOwnProperty
.
call
(
e
,
a
)},
a
.
p
=
"
/cube-ui/
"
,
a
.
oe
=
function
(
e
){
throw
console
.
error
(
e
),
e
}}([]);
\ No newline at end of file
!
function
(
e
){
function
a
(
f
){
if
(
c
[
f
])
return
c
[
f
].
exports
;
var
b
=
c
[
f
]
=
{
i
:
f
,
l
:
!
1
,
exports
:{}};
return
e
[
f
].
call
(
b
.
exports
,
b
,
b
.
exports
,
a
),
b
.
l
=!
0
,
b
.
exports
}
var
f
=
window
.
webpackJsonp
;
window
.
webpackJsonp
=
function
(
c
,
d
,
n
){
for
(
var
r
,
t
,
o
,
u
=
0
,
i
=
[];
u
<
c
.
length
;
u
++
)
t
=
c
[
u
],
b
[
t
]
&&
i
.
push
(
b
[
t
][
0
]),
b
[
t
]
=
0
;
for
(
r
in
d
)
Object
.
prototype
.
hasOwnProperty
.
call
(
d
,
r
)
&&
(
e
[
r
]
=
d
[
r
]);
for
(
f
&&
f
(
c
,
d
,
n
);
i
.
length
;)
i
.
shift
()();
if
(
n
)
for
(
u
=
0
;
u
<
n
.
length
;
u
++
)
o
=
a
(
a
.
s
=
n
[
u
]);
return
o
};
var
c
=
{},
b
=
{
68
:
0
};
a
.
e
=
function
(
e
){
function
f
(){
r
.
onerror
=
r
.
onload
=
null
,
clearTimeout
(
t
);
var
a
=
b
[
e
];
0
!==
a
&&
(
a
&&
a
[
1
](
new
Error
(
"
Loading chunk
"
+
e
+
"
failed.
"
)),
b
[
e
]
=
void
0
)}
var
c
=
b
[
e
];
if
(
0
===
c
)
return
new
Promise
(
function
(
e
){
e
()});
if
(
c
)
return
c
[
2
];
var
d
=
new
Promise
(
function
(
a
,
f
){
c
=
b
[
e
]
=
[
a
,
f
]});
c
[
2
]
=
d
;
var
n
=
document
.
getElementsByTagName
(
"
head
"
)[
0
],
r
=
document
.
createElement
(
"
script
"
);
r
.
type
=
"
text/javascript
"
,
r
.
charset
=
"
utf-8
"
,
r
.
async
=!
0
,
r
.
timeout
=
12
e4
,
a
.
nc
&&
r
.
setAttribute
(
"
nonce
"
,
a
.
nc
),
r
.
src
=
a
.
p
+
"
js/
"
+
e
+
"
.
"
+
{
0
:
"
2a7d937682463aaa333a
"
,
1
:
"
0e3893619a19b0ba07dd
"
,
2
:
"
c80676afa513f86d37c3
"
,
3
:
"
cacadae3e5abb66a92d8
"
,
4
:
"
5286984aab4fa03d5518
"
,
5
:
"
a8923a3fa5df51720177
"
,
6
:
"
47cd17d30e1fbfcb15ae
"
,
7
:
"
c3e51a87202c30b4fe4d
"
,
8
:
"
65d69f2eeeb18f32eeef
"
,
9
:
"
f93614ab5eaa56fa8bf4
"
,
10
:
"
83f03bc131fcfc789302
"
,
11
:
"
2fbcc9383e5e8589c665
"
,
12
:
"
a8d607e62cab55323780
"
,
13
:
"
4bd7903bcf556514beae
"
,
14
:
"
176d823858e2e0a12839
"
,
15
:
"
4512c2c5dfebeb37e593
"
,
16
:
"
ba1f2fefb075ab9c2793
"
,
17
:
"
a5b67db4b5ddc56535ac
"
,
18
:
"
53ef63866037b6595295
"
,
19
:
"
da17e78afce2c72604af
"
,
20
:
"
792c3f53954f3abdb604
"
,
21
:
"
5c9e2bbbd44d6bab9f99
"
,
22
:
"
32feeb6a1b0dc5a23164
"
,
23
:
"
54ac9bd152a5a3bf916f
"
,
24
:
"
9fd3b5907e4249ee3e9d
"
,
25
:
"
fc1962f81e39850f027a
"
,
26
:
"
bc480f9268c8955655e5
"
,
27
:
"
d732d1912bd618df5a3b
"
,
28
:
"
c95cb19ddf353dc35277
"
,
29
:
"
8f787dfb11f51d09d50d
"
,
30
:
"
3e12260ad426c6e8b724
"
,
31
:
"
457fc303d314640f2068
"
,
32
:
"
5f3df91fa7a555dcdba8
"
,
33
:
"
0e138606228bb48c12cb
"
,
34
:
"
1212a177b4d0bcf8ed5b
"
,
35
:
"
68fb605dce3c56e20f66
"
,
36
:
"
94d768ce93892a9612e1
"
,
37
:
"
682da19b166b0d6b616f
"
,
38
:
"
6de4a1484fe6acb31a26
"
,
39
:
"
cffd53974e5ed717720d
"
,
40
:
"
6995e7055929af006405
"
,
41
:
"
35898e8f6c1c3c451da2
"
,
42
:
"
65df1f2beb97d210560d
"
,
43
:
"
d614767f5e08982b76bd
"
,
44
:
"
c8ef4b12e9fe1d9c40f1
"
,
45
:
"
aa568dba8cf5bc68e9d5
"
,
46
:
"
5160dab8eac2bacfff28
"
,
47
:
"
ecf5efa118ce790783cf
"
,
48
:
"
2b6aa48c6acaef38eac3
"
,
49
:
"
c96a8f8b6a5b941bc1f7
"
,
50
:
"
f54d2e5dcfca3207092b
"
,
51
:
"
916484efcb98f2f7d69d
"
,
52
:
"
c94e2db31c5d635d8a0c
"
,
53
:
"
0b8893ba13eed4bda4a9
"
,
54
:
"
c19a525dc6ac3290e4a8
"
,
55
:
"
b7afa0c2c697a4f01a22
"
,
56
:
"
dc70cdcfef7b67e3b3af
"
,
57
:
"
f9beb41328f12d62c74a
"
,
58
:
"
d24fa3258aecc3fd789d
"
,
59
:
"
514b415e1902b4f4f598
"
,
60
:
"
dae75629132e5fa0cd4b
"
,
61
:
"
ba6bb1eaa1a825cea5df
"
,
62
:
"
0ffc1fabb04f2ffc2106
"
,
63
:
"
4e0ecc64c233ee9c9787
"
,
64
:
"
76cb34869cfbf4eadffd
"
,
65
:
"
a36127bbbe2df735c340
"
,
66
:
"
bd8460ff5fa97c6957e1
"
,
67
:
"
59657ea49aa0295756aa
"
}[
e
]
+
"
.js
"
;
var
t
=
setTimeout
(
f
,
12
e4
);
return
r
.
onerror
=
r
.
onload
=
f
,
n
.
appendChild
(
r
),
d
},
a
.
m
=
e
,
a
.
c
=
c
,
a
.
d
=
function
(
e
,
f
,
c
){
a
.
o
(
e
,
f
)
||
Object
.
defineProperty
(
e
,
f
,{
configurable
:
!
1
,
enumerable
:
!
0
,
get
:
c
})},
a
.
n
=
function
(
e
){
var
f
=
e
&&
e
.
__esModule
?
function
(){
return
e
.
default
}:
function
(){
return
e
};
return
a
.
d
(
f
,
"
a
"
,
f
),
f
},
a
.
o
=
function
(
e
,
a
){
return
Object
.
prototype
.
hasOwnProperty
.
call
(
e
,
a
)},
a
.
p
=
"
/cube-ui/
"
,
a
.
oe
=
function
(
e
){
throw
console
.
error
(
e
),
e
}}([]);
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录