Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
gyf5267218
vue-element-admin
提交
cf48ed21
V
vue-element-admin
项目概览
gyf5267218
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
4
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
cf48ed21
编写于
3月 13, 2019
作者:
裤裆三重奏
提交者:
花裤衩
3月 13, 2019
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix[Waves-Directive]: fixed v-waves does not support update (#1705)
上级
9574643e
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
64 addition
and
33 deletion
+64
-33
src/directive/waves/waves.js
src/directive/waves/waves.js
+64
-33
未找到文件。
src/directive/waves/waves.js
浏览文件 @
cf48ed21
import
'
./waves.css
'
export
default
{
bind
(
el
,
binding
)
{
el
.
addEventListener
(
'
click
'
,
e
=>
{
const
customOpts
=
Object
.
assign
({},
binding
.
value
)
const
opts
=
Object
.
assign
({
const
context
=
'
@@wavesContext
'
function
handleClick
(
el
,
binding
)
{
function
handle
(
e
)
{
const
customOpts
=
Object
.
assign
({},
binding
.
value
)
const
opts
=
Object
.
assign
(
{
ele
:
el
,
// 波纹作用元素
type
:
'
hit
'
,
// hit 点击位置扩散 center中心点扩展
color
:
'
rgba(0, 0, 0, 0.15)
'
// 波纹颜色
},
customOpts
)
const
target
=
opts
.
ele
if
(
target
)
{
target
.
style
.
position
=
'
relative
'
target
.
style
.
overflow
=
'
hidden
'
const
rect
=
target
.
getBoundingClientRect
()
let
ripple
=
target
.
querySelector
(
'
.waves-ripple
'
)
if
(
!
ripple
)
{
ripple
=
document
.
createElement
(
'
span
'
)
ripple
.
className
=
'
waves-ripple
'
ripple
.
style
.
height
=
ripple
.
style
.
width
=
Math
.
max
(
rect
.
width
,
rect
.
height
)
+
'
px
'
target
.
appendChild
(
ripple
)
}
else
{
ripple
.
className
=
'
waves-ripple
'
}
switch
(
opts
.
type
)
{
case
'
center
'
:
ripple
.
style
.
top
=
(
rect
.
height
/
2
-
ripple
.
offsetHeight
/
2
)
+
'
px
'
ripple
.
style
.
left
=
(
rect
.
width
/
2
-
ripple
.
offsetWidth
/
2
)
+
'
px
'
break
default
:
ripple
.
style
.
top
=
(
e
.
pageY
-
rect
.
top
-
ripple
.
offsetHeight
/
2
-
document
.
documentElement
.
scrollTop
||
document
.
body
.
scrollTop
)
+
'
px
'
ripple
.
style
.
left
=
(
e
.
pageX
-
rect
.
left
-
ripple
.
offsetWidth
/
2
-
document
.
documentElement
.
scrollLeft
||
document
.
body
.
scrollLeft
)
+
'
px
'
}
ripple
.
style
.
backgroundColor
=
opts
.
color
ripple
.
className
=
'
waves-ripple z-active
'
return
false
},
customOpts
)
const
target
=
opts
.
ele
if
(
target
)
{
target
.
style
.
position
=
'
relative
'
target
.
style
.
overflow
=
'
hidden
'
const
rect
=
target
.
getBoundingClientRect
()
let
ripple
=
target
.
querySelector
(
'
.waves-ripple
'
)
if
(
!
ripple
)
{
ripple
=
document
.
createElement
(
'
span
'
)
ripple
.
className
=
'
waves-ripple
'
ripple
.
style
.
height
=
ripple
.
style
.
width
=
Math
.
max
(
rect
.
width
,
rect
.
height
)
+
'
px
'
target
.
appendChild
(
ripple
)
}
else
{
ripple
.
className
=
'
waves-ripple
'
}
switch
(
opts
.
type
)
{
case
'
center
'
:
ripple
.
style
.
top
=
rect
.
height
/
2
-
ripple
.
offsetHeight
/
2
+
'
px
'
ripple
.
style
.
left
=
rect
.
width
/
2
-
ripple
.
offsetWidth
/
2
+
'
px
'
break
default
:
ripple
.
style
.
top
=
(
e
.
pageY
-
rect
.
top
-
ripple
.
offsetHeight
/
2
-
document
.
documentElement
.
scrollTop
||
document
.
body
.
scrollTop
)
+
'
px
'
ripple
.
style
.
left
=
(
e
.
pageX
-
rect
.
left
-
ripple
.
offsetWidth
/
2
-
document
.
documentElement
.
scrollLeft
||
document
.
body
.
scrollLeft
)
+
'
px
'
}
},
false
)
ripple
.
style
.
backgroundColor
=
opts
.
color
ripple
.
className
=
'
waves-ripple z-active
'
return
false
}
}
if
(
!
el
[
context
])
{
el
[
context
]
=
{
removeHandle
:
handle
}
}
else
{
el
[
context
].
removeHandle
=
handle
}
return
handle
}
export
default
{
bind
(
el
,
binding
)
{
el
.
addEventListener
(
'
click
'
,
handleClick
(
el
,
binding
),
false
)
},
update
(
el
,
binding
)
{
el
.
removeEventListener
(
'
click
'
,
el
[
context
].
removeHandle
,
false
)
el
.
addEventListener
(
'
click
'
,
handleClick
(
el
,
binding
),
false
)
},
unbind
(
el
)
{
el
.
removeEventListener
(
'
click
'
,
el
[
context
].
removeHandle
,
false
)
el
[
context
]
=
null
delete
el
[
context
]
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录