Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
cube-ui
提交
e5ea3eff
C
cube-ui
项目概览
DiDi
/
cube-ui
9 个月 前同步成功
通知
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,体验更适合开发者的 AI 搜索 >>
提交
e5ea3eff
编写于
3月 11, 2019
作者:
D
dolymood
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
build: package
上级
eb6848e7
变更
10
展开全部
隐藏空白更改
内联
并排
Showing
10 changed file
with
79 addition
and
11 deletion
+79
-11
lib/cube.min.css
lib/cube.min.css
+1
-1
lib/cube.min.js
lib/cube.min.js
+3
-3
lib/image-preview/image-preview.min.css
lib/image-preview/image-preview.min.css
+1
-1
lib/image-preview/style.css
lib/image-preview/style.css
+1
-1
lib/index.js
lib/index.js
+35
-1
lib/recycle-list/index.js
lib/recycle-list/index.js
+34
-0
lib/recycle-list/recycle-list.min.js
lib/recycle-list/recycle-list.min.js
+1
-1
lib/slide/slide.min.css
lib/slide/slide.min.css
+1
-1
lib/slide/style.css
lib/slide/style.css
+1
-1
lib/style.css
lib/style.css
+1
-1
未找到文件。
lib/cube.min.css
浏览文件 @
e5ea3eff
此差异已折叠。
点击以展开。
lib/cube.min.js
浏览文件 @
e5ea3eff
此差异已折叠。
点击以展开。
lib/image-preview/image-preview.min.css
浏览文件 @
e5ea3eff
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-image-preview-fade-enter
,
.cube-image-preview-fade-leave-active
{
opacity
:
0
}
.cube-image-preview-fade-enter-active
,
.cube-image-preview-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-image-preview
.cube-popup-mask
{
opacity
:
.6
}
.cube-image-preview
.cube-popup-content
{
width
:
100%
;
height
:
100%
}
.cube-image-preview
.cube-slide-item
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
overflow
:
hidden
}
.cube-image-preview-container
{
height
:
100%
;
margin
:
0
-10px
}
.cube-image-preview-footer
,
.cube-image-preview-header
{
position
:
absolute
;
left
:
0
;
right
:
0
}
.cube-image-preview-header
{
top
:
0
}
.cube-image-preview-footer
{
bottom
:
0
}
.cube-image-preview-counter
{
position
:
absolute
;
bottom
:
50px
;
width
:
100%
;
text-align
:
center
;
font-size
:
14px
;
color
:
#fff
}
.cube-image-preview-item
{
position
:
relative
;
padding
:
0
10px
;
width
:
100%
;
height
:
100%
}
.cube-image-preview-item
.cube-scroll-wrapper
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
}
.cube-image-preview-item
.cube-image-preview-img
{
display
:
block
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
}
.cube-slide
{
min-height
:
1px
}
.cube-slide
,
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-slide-group
{
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
box-sizing
:
border-box
;
height
:
100%
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
>
a
>
img
{
display
:
block
;
height
:
100%
}
\ No newline at end of file
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-image-preview-fade-enter
,
.cube-image-preview-fade-leave-active
{
opacity
:
0
}
.cube-image-preview-fade-enter-active
,
.cube-image-preview-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-image-preview
.cube-popup-mask
{
opacity
:
.6
}
.cube-image-preview
.cube-popup-content
{
width
:
100%
;
height
:
100%
}
.cube-image-preview
.cube-slide-item
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
overflow
:
hidden
}
.cube-image-preview-container
{
height
:
100%
;
margin
:
0
-10px
}
.cube-image-preview-footer
,
.cube-image-preview-header
{
position
:
absolute
;
left
:
0
;
right
:
0
}
.cube-image-preview-header
{
top
:
0
}
.cube-image-preview-footer
{
bottom
:
0
}
.cube-image-preview-counter
{
position
:
absolute
;
bottom
:
50px
;
width
:
100%
;
text-align
:
center
;
font-size
:
14px
;
color
:
#fff
}
.cube-image-preview-item
{
position
:
relative
;
padding
:
0
10px
;
width
:
100%
;
height
:
100%
}
.cube-image-preview-item
.cube-scroll-wrapper
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
}
.cube-image-preview-item
.cube-image-preview-img
{
display
:
block
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
}
.cube-slide
{
min-height
:
1px
}
.cube-slide
,
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-slide-group
{
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
box-sizing
:
border-box
;
height
:
100%
;
width
:
100%
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
>
a
>
img
{
display
:
block
;
height
:
100%
}
\ No newline at end of file
lib/image-preview/style.css
浏览文件 @
e5ea3eff
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-image-preview-fade-enter
,
.cube-image-preview-fade-leave-active
{
opacity
:
0
}
.cube-image-preview-fade-enter-active
,
.cube-image-preview-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-image-preview
.cube-popup-mask
{
opacity
:
.6
}
.cube-image-preview
.cube-popup-content
{
width
:
100%
;
height
:
100%
}
.cube-image-preview
.cube-slide-item
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
overflow
:
hidden
}
.cube-image-preview-container
{
height
:
100%
;
margin
:
0
-10px
}
.cube-image-preview-footer
,
.cube-image-preview-header
{
position
:
absolute
;
left
:
0
;
right
:
0
}
.cube-image-preview-header
{
top
:
0
}
.cube-image-preview-footer
{
bottom
:
0
}
.cube-image-preview-counter
{
position
:
absolute
;
bottom
:
50px
;
width
:
100%
;
text-align
:
center
;
font-size
:
14px
;
color
:
#fff
}
.cube-image-preview-item
{
position
:
relative
;
padding
:
0
10px
;
width
:
100%
;
height
:
100%
}
.cube-image-preview-item
.cube-scroll-wrapper
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
}
.cube-image-preview-item
.cube-image-preview-img
{
display
:
block
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
}
.cube-slide
{
min-height
:
1px
}
.cube-slide
,
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-slide-group
{
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
box-sizing
:
border-box
;
height
:
100%
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
>
a
>
img
{
display
:
block
;
height
:
100%
}
\ No newline at end of file
.cube-popup
{
position
:
fixed
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
100
;
pointer-events
:
none
}
.cube-popup_mask
{
pointer-events
:
auto
}
.cube-popup_mask
.cube-popup-mask
{
display
:
block
}
.cube-popup-container
,
.cube-popup-mask
{
position
:
absolute
;
width
:
100%
;
height
:
100%
}
.cube-popup-mask
{
display
:
none
;
overflow
:
hidden
;
background-color
:
#25262d
;
opacity
:
.4
;
pointer-events
:
auto
}
.cube-popup-mask
:before
{
content
:
"."
;
display
:
block
;
width
:
1px
;
height
:
1px
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
margin-left
:
-10px
}
.cube-popup-container
{
-webkit-transform
:
translate
(
100%
,
100%
);
transform
:
translate
(
100%
,
100%
)}
.cube-popup-content
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
box-sizing
:
border-box
;
-webkit-transform
:
translate
(
-100%
,
-100%
);
transform
:
translate
(
-100%
,
-100%
);
pointer-events
:
auto
}
.cube-popup-center
.cube-popup-content
,
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
top
:
-50%
;
left
:
-50%
;
width
:
auto
;
max-width
:
100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-left
.cube-popup-content
,
.cube-popup-right
.cube-popup-content
{
height
:
100%
;
top
:
-100%
}
.cube-popup-center
.cube-popup-content
{
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
)}
.cube-popup-top
.cube-popup-content
{
top
:
-100%
;
left
:
-100%
;
-webkit-transform
:
translate
(
0
);
transform
:
translate
(
0
)}
.cube-popup-right
.cube-popup-content
{
top
:
-100%
;
right
:
100%
}
.cube-popup-left
.cube-popup-content
{
left
:
-100%
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-scroll-list-wrapper
{
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.before-trigger
{
height
:
54px
;
line-height
:
0
;
padding-top
:
6px
}
.cube-pulldown-wrapper
.after-trigger
.loading
{
padding
:
8px
0
}
.cube-pulldown-wrapper
.after-trigger
.cube-pulldown-loaded
{
padding
:
12px
0
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
}
.cube-pullup-wrapper
.before-trigger
{
padding
:
22px
0
;
min-height
:
1em
}
.cube-pullup-wrapper
.after-trigger
{
padding
:
19px
0
}
.cube-scroll-content
{
position
:
relative
;
z-index
:
1
}
.cube-scroll-item
{
height
:
60px
;
line-height
:
60px
;
font-size
:
18px
;
padding-left
:
20px
}
.cube-loading
{
font-size
:
24px
}
.cube-loading-spinners
{
position
:
relative
;
display
:
block
;
width
:
1em
;
height
:
1em
}
.cube-loading-spinner
{
position
:
absolute
;
left
:
44.5%
;
top
:
37%
;
width
:
2px
;
height
:
25%
;
border-radius
:
50%
/
20%
;
opacity
:
.25
;
background-color
:
currentColor
;
-webkit-animation
:
spinner-fade
1s
linear
infinite
;
animation
:
spinner-fade
1s
linear
infinite
}
.cube-loading-spinner
:first-child
{
-webkit-animation-delay
:
0s
;
animation-delay
:
0s
;
-webkit-transform
:
rotate
(
-150deg
)
translateY
(
-150%
);
transform
:
rotate
(
-150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
2
)
{
-webkit-animation-delay
:
.083333333333333s
;
animation-delay
:
.083333333333333s
;
-webkit-transform
:
rotate
(
-120deg
)
translateY
(
-150%
);
transform
:
rotate
(
-120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
3
)
{
-webkit-animation-delay
:
.166666666666667s
;
animation-delay
:
.166666666666667s
;
-webkit-transform
:
rotate
(
-90deg
)
translateY
(
-150%
);
transform
:
rotate
(
-90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
4
)
{
-webkit-animation-delay
:
.25s
;
animation-delay
:
.25s
;
-webkit-transform
:
rotate
(
-60deg
)
translateY
(
-150%
);
transform
:
rotate
(
-60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
5
)
{
-webkit-animation-delay
:
.333333333333333s
;
animation-delay
:
.333333333333333s
;
-webkit-transform
:
rotate
(
-30deg
)
translateY
(
-150%
);
transform
:
rotate
(
-30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
6
)
{
-webkit-animation-delay
:
.416666666666667s
;
animation-delay
:
.416666666666667s
;
-webkit-transform
:
rotate
(
0deg
)
translateY
(
-150%
);
transform
:
rotate
(
0deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
7
)
{
-webkit-animation-delay
:
.5s
;
animation-delay
:
.5s
;
-webkit-transform
:
rotate
(
30deg
)
translateY
(
-150%
);
transform
:
rotate
(
30deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
8
)
{
-webkit-animation-delay
:
.583333333333333s
;
animation-delay
:
.583333333333333s
;
-webkit-transform
:
rotate
(
60deg
)
translateY
(
-150%
);
transform
:
rotate
(
60deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
9
)
{
-webkit-animation-delay
:
.666666666666667s
;
animation-delay
:
.666666666666667s
;
-webkit-transform
:
rotate
(
90deg
)
translateY
(
-150%
);
transform
:
rotate
(
90deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
10
)
{
-webkit-animation-delay
:
.75s
;
animation-delay
:
.75s
;
-webkit-transform
:
rotate
(
120deg
)
translateY
(
-150%
);
transform
:
rotate
(
120deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
11
)
{
-webkit-animation-delay
:
.833333333333333s
;
animation-delay
:
.833333333333333s
;
-webkit-transform
:
rotate
(
150deg
)
translateY
(
-150%
);
transform
:
rotate
(
150deg
)
translateY
(
-150%
)}
.cube-loading-spinner
:nth-child
(
12
)
{
-webkit-animation-delay
:
.916666666666667s
;
animation-delay
:
.916666666666667s
;
-webkit-transform
:
rotate
(
180deg
)
translateY
(
-150%
);
transform
:
rotate
(
180deg
)
translateY
(
-150%
)}
@-webkit-keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
@keyframes
spinner-fade
{
0
%
{
opacity
:
.85
}
50
%
{
opacity
:
.25
}
to
{
opacity
:
.25
}}
.cube-image-preview-fade-enter
,
.cube-image-preview-fade-leave-active
{
opacity
:
0
}
.cube-image-preview-fade-enter-active
,
.cube-image-preview-fade-leave-active
{
-webkit-transition
:
all
.3s
ease-in-out
;
transition
:
all
.3s
ease-in-out
}
.cube-image-preview
.cube-popup-mask
{
opacity
:
.6
}
.cube-image-preview
.cube-popup-content
{
width
:
100%
;
height
:
100%
}
.cube-image-preview
.cube-slide-item
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
;
overflow
:
hidden
}
.cube-image-preview-container
{
height
:
100%
;
margin
:
0
-10px
}
.cube-image-preview-footer
,
.cube-image-preview-header
{
position
:
absolute
;
left
:
0
;
right
:
0
}
.cube-image-preview-header
{
top
:
0
}
.cube-image-preview-footer
{
bottom
:
0
}
.cube-image-preview-counter
{
position
:
absolute
;
bottom
:
50px
;
width
:
100%
;
text-align
:
center
;
font-size
:
14px
;
color
:
#fff
}
.cube-image-preview-item
{
position
:
relative
;
padding
:
0
10px
;
width
:
100%
;
height
:
100%
}
.cube-image-preview-item
.cube-scroll-wrapper
{
display
:
-webkit-box
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-box-align
:
center
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
}
.cube-image-preview-item
.cube-image-preview-img
{
display
:
block
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
}
.cube-slide
{
min-height
:
1px
}
.cube-slide
,
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-slide-group
{
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
box-sizing
:
border-box
;
height
:
100%
;
width
:
100%
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
>
a
>
img
{
display
:
block
;
height
:
100%
}
\ No newline at end of file
lib/index.js
浏览文件 @
e5ea3eff
...
...
@@ -6907,7 +6907,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
}
var Cube = {
version: "1.12.1
1
",
version: "1.12.1
2
",
install: install,
BScroll: _module.BetterScroll,
createAPI: _module.createAPI
...
...
@@ -23157,6 +23157,40 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
}
}
},
reset: function reset() {
var _this3 = this;
var map = [{
key: 'items',
value: []
}, {
key: 'heights',
value: 0
}, {
key: 'startIndex',
value: 0
}, {
key: 'loadings',
value: []
}, {
key: 'noMore',
value: false
}, {
key: 'list',
value: []
}, {
key: 'promiseStack',
value: []
}];
map.forEach(function (_ref) {
var key = _ref.key,
value = _ref.value;
_this3[key] = value;
});
this.$el.scrollTop = 0;
this.load();
},
_onScroll: function _onScroll() {
if (!this.noMore && this.$el.scrollTop + this.$el.offsetHeight > this.heights - this.offset) {
this.load();
...
...
lib/recycle-list/index.js
浏览文件 @
e5ea3eff
...
...
@@ -2818,6 +2818,40 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
}
}
},
reset
:
function
reset
()
{
var
_this3
=
this
;
var
map
=
[{
key
:
'
items
'
,
value
:
[]
},
{
key
:
'
heights
'
,
value
:
0
},
{
key
:
'
startIndex
'
,
value
:
0
},
{
key
:
'
loadings
'
,
value
:
[]
},
{
key
:
'
noMore
'
,
value
:
false
},
{
key
:
'
list
'
,
value
:
[]
},
{
key
:
'
promiseStack
'
,
value
:
[]
}];
map
.
forEach
(
function
(
_ref
)
{
var
key
=
_ref
.
key
,
value
=
_ref
.
value
;
_this3
[
key
]
=
value
;
});
this
.
$el
.
scrollTop
=
0
;
this
.
load
();
},
_onScroll
:
function
_onScroll
()
{
if
(
!
this
.
noMore
&&
this
.
$el
.
scrollTop
+
this
.
$el
.
offsetHeight
>
this
.
heights
-
this
.
offset
)
{
this
.
load
();
...
...
lib/recycle-list/recycle-list.min.js
浏览文件 @
e5ea3eff
此差异已折叠。
点击以展开。
lib/slide/slide.min.css
浏览文件 @
e5ea3eff
.cube-slide
{
min-height
:
1px
}
.cube-slide
,
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-slide-group
{
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
box-sizing
:
border-box
;
height
:
100%
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
>
a
>
img
{
display
:
block
;
height
:
100%
}
\ No newline at end of file
.cube-slide
{
min-height
:
1px
}
.cube-slide
,
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-slide-group
{
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
box-sizing
:
border-box
;
height
:
100%
;
width
:
100%
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
>
a
>
img
{
display
:
block
;
height
:
100%
}
\ No newline at end of file
lib/slide/style.css
浏览文件 @
e5ea3eff
.cube-slide
{
min-height
:
1px
}
.cube-slide
,
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-slide-group
{
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
box-sizing
:
border-box
;
height
:
100%
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
>
a
>
img
{
display
:
block
;
height
:
100%
}
\ No newline at end of file
.cube-slide
{
min-height
:
1px
}
.cube-slide
,
.cube-slide-group
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-slide-group
{
white-space
:
nowrap
}
.cube-slide-dots
{
position
:
absolute
;
bottom
:
2px
;
right
:
0
;
left
:
0
;
padding
:
0
6px
;
font-size
:
0
;
text-align
:
center
;
-webkit-transform
:
translateZ
(
1px
);
transform
:
translateZ
(
1px
)}
.cube-slide-dots
>
span
{
display
:
inline-block
;
vertical-align
:
bottom
;
margin
:
0
1px
;
width
:
10px
;
height
:
1px
;
background
:
#ccc
}
.cube-slide-dots
>
span
.active
{
background
:
#fc9153
}
.cube-slide-item
{
float
:
left
;
box-sizing
:
border-box
;
height
:
100%
;
width
:
100%
}
.cube-slide-item
>
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.cube-slide-item
>
a
,
.cube-slide-item
>
a
>
img
{
display
:
block
;
height
:
100%
}
\ No newline at end of file
lib/style.css
浏览文件 @
e5ea3eff
此差异已折叠。
点击以展开。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录