Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
cube-ui
提交
9bc8a6c2
C
cube-ui
项目概览
DiDi
/
cube-ui
大约 1 年 前同步成功
通知
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,发现更多精彩内容 >>
提交
9bc8a6c2
编写于
1月 03, 2018
作者:
A
AmyFoxFN
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
<update>(scroll): pullup style
上级
afcb97ae
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
14 addition
and
12 deletion
+14
-12
src/components/scroll/scroll.vue
src/components/scroll/scroll.vue
+14
-12
未找到文件。
src/components/scroll/scroll.vue
浏览文件 @
9bc8a6c2
...
...
@@ -8,16 +8,6 @@
</ul>
</slot>
</div>
<slot
name=
"pullup"
:pullUpLoad=
"pullUpLoad"
:isPullUpLoad=
"isPullUpLoad"
>
<div
class=
"cube-pullup-wrapper"
v-if=
"pullUpLoad"
>
<div
class=
"before-trigger"
v-if=
"!isPullUpLoad"
>
<span>
{{
pullUpTxt
}}
</span>
</div>
<div
class=
"after-trigger"
v-else
>
<loading></loading>
</div>
</div>
</slot>
</div>
<slot
name=
"pulldown"
...
...
@@ -38,6 +28,11 @@
</div>
</div>
</slot>
<slot
name=
"pullup"
:pullUpLoad=
"pullUpLoad"
:isPullUpLoad=
"isPullUpLoad"
>
<div
v-if=
"pullUpLoad && isPullUpLoad"
class=
"cube-pullup-wrapper"
:style=
"pullUpStyle"
>
<loading></loading>
</div>
</slot>
</div>
</
template
>
...
...
@@ -113,7 +108,8 @@
isPullUpLoad
:
false
,
pullUpDirty
:
true
,
bubbleY
:
0
,
pullDownStyle
:
''
pullDownStyle
:
''
,
pullUpStyle
:
''
}
},
computed
:
{
...
...
@@ -241,6 +237,10 @@
this
.
isPullUpLoad
=
true
this
.
$emit
(
EVENT_PULLING_UP
)
})
this
.
scroll
.
on
(
'
scroll
'
,
(
pos
)
=>
{
this
.
pullUpStyle
=
`bottom:
${
Math
.
min
(
this
.
scroll
.
maxScrollY
-
pos
.
y
-
50
)}
px`
})
},
_reboundPullDown
()
{
const
{
stopTime
=
600
}
=
this
.
pullDownRefresh
...
...
@@ -298,11 +298,13 @@
margin-top: 5px
.cube-pullup-wrapper
position: absolute
width: 100%
left: 0
display: flex
justify-content: center
align-items: center
padding: 16px 0
height: 50px
.cube-scroll-content
position: relative
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录