Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
cube-ui
提交
cf10e50f
C
cube-ui
项目概览
DiDi
/
cube-ui
11 个月 前同步成功
通知
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,发现更多精彩内容 >>
提交
cf10e50f
编写于
4月 02, 2018
作者:
A
AmyFoxFN
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
publish build
上级
0a9f53e0
变更
9
展开全部
隐藏空白更改
内联
并排
Showing
9 changed file
with
18 addition
and
10 deletion
+18
-10
lib/cube.min.css
lib/cube.min.css
+1
-1
lib/cube.min.js
lib/cube.min.js
+1
-1
lib/drawer/drawer.min.css
lib/drawer/drawer.min.css
+1
-1
lib/drawer/drawer.min.js
lib/drawer/drawer.min.js
+1
-1
lib/drawer/index.js
lib/drawer/index.js
+5
-1
lib/drawer/style.css
lib/drawer/style.css
+1
-1
lib/index.js
lib/index.js
+6
-2
lib/style.css
lib/style.css
+1
-1
package-lock.json
package-lock.json
+1
-1
未找到文件。
lib/cube.min.css
浏览文件 @
cf10e50f
此差异已折叠。
点击以展开。
lib/cube.min.js
浏览文件 @
cf10e50f
此差异已折叠。
点击以展开。
lib/drawer/drawer.min.css
浏览文件 @
cf10e50f
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
height
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
background-color
:
#fff
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
box-shadow
:
none
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.after-trigger
{
margin-top
:
5px
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
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-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
\ No newline at end of file
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
height
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
overflow
:
hidden
;
background-color
:
#fff
;
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
box-shadow
:
none
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.after-trigger
{
margin-top
:
5px
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
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-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
\ No newline at end of file
lib/drawer/drawer.min.js
浏览文件 @
cf10e50f
此差异已折叠。
点击以展开。
lib/drawer/index.js
浏览文件 @
cf10e50f
...
...
@@ -6050,7 +6050,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
this
.
scrollToTop
();
},
isVisible
:
function
isVisible
()
{
this
.
refresh
();
var
_this
=
this
;
this
.
$nextTick
(
function
()
{
_this
.
refresh
();
});
}
},
mounted
:
function
mounted
()
{
...
...
lib/drawer/style.css
浏览文件 @
cf10e50f
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
height
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.after-trigger
{
margin-top
:
5px
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
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-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
\ No newline at end of file
.cube-drawer
{
z-index
:
5
;
right
:
0
;
left
:
0
;
color
:
#333
}
.cube-drawer
,
.cube-drawer-main
{
position
:
absolute
;
top
:
0
;
bottom
:
0
;
overflow
:
hidden
}
.cube-drawer-main
{
left
:
100%
;
max-width
:
90%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
-2px
0
2px
rgba
(
0
,
0
,
0
,
.2
);
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-drawer-title
{
position
:
relative
;
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
border-bottom
:
1px
solid
#eee
;
font-size
:
16px
;
background-color
:
#fff
}
.cube-drawer-panels
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-flex
:
1
;
flex
:
1
}
.cube-drawer-panel
{
position
:
relative
;
z-index
:
1
;
height
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
;
width
:
170px
;
overflow
:
hidden
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
0
1px
2px
rgba
(
0
,
0
,
0
,
.2
)}
.cube-drawer-panel
+
.cube-drawer-panel
{
margin-left
:
-67px
}
.cube-drawer-panel
:first-child
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.cube-drawer-move-enter
,
.cube-drawer-move-leave-to
{
-webkit-transform
:
translate
(
67px
);
transform
:
translate
(
67px
)}
.cube-drawer-move-enter-active
,
.cube-drawer-move-leave-active
{
-webkit-transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
-webkit-transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
;
transition
:
transform
.3s
ease-in-out
,
-webkit-transform
.3s
ease-in-out
}
.cube-scroll-wrapper
{
position
:
relative
;
height
:
100%
;
overflow
:
hidden
}
.cube-pulldown-wrapper
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-transition
:
all
;
transition
:
all
}
.cube-pulldown-wrapper
.after-trigger
{
margin-top
:
5px
}
.cube-pullup-wrapper
{
width
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
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-drawer-item
{
padding
:
0
20px
;
height
:
50px
;
line-height
:
50px
;
white-space
:
nowrap
;
overflow
:
hidden
;
font-size
:
15px
}
.cube-drawer-item
:after
{
left
:
20px
}
.cube-drawer-item
:last-child:after
{
display
:
none
}
.cube-drawer-item
:first-child:after
{
display
:
block
}
.cube-drawer-item_active
{
background
:
rgba
(
0
,
0
,
0
,
.04
)}
\ No newline at end of file
lib/index.js
浏览文件 @
cf10e50f
...
...
@@ -5446,7 +5446,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
}
var
cube
=
{
version
:
"
1.7.
0
"
,
version
:
"
1.7.
1
"
,
install
:
install
,
BScroll
:
_module
.
BScroll
,
createAPI
:
_module
.
createAPI
...
...
@@ -16333,7 +16333,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
this
.
scrollToTop
();
},
isVisible
:
function
isVisible
()
{
this
.
refresh
();
var
_this
=
this
;
this
.
$nextTick
(
function
()
{
_this
.
refresh
();
});
}
},
mounted
:
function
mounted
()
{
...
...
lib/style.css
浏览文件 @
cf10e50f
此差异已折叠。
点击以展开。
package-lock.json
浏览文件 @
cf10e50f
{
"name"
:
"cube-ui"
,
"version"
:
"1.7.
0
"
,
"version"
:
"1.7.
1
"
,
"lockfileVersion"
:
1
,
"requires"
:
true
,
"dependencies"
:
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录