Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
MuGuiLin
uni-app
提交
72b529b9
U
uni-app
项目概览
MuGuiLin
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
72b529b9
编写于
6月 28, 2022
作者:
DCloud-WZF
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: button navigator view hover-class 兼容鼠标事件
上级
89184583
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
38 addition
and
8 deletion
+38
-8
src/core/view/components/button/index.vue
src/core/view/components/button/index.vue
+3
-1
src/core/view/components/navigator/index.vue
src/core/view/components/navigator/index.vue
+2
-0
src/core/view/mixins/hover.js
src/core/view/mixins/hover.js
+30
-6
src/platforms/h5/view/components/view/index.vue
src/platforms/h5/view/components/view/index.vue
+3
-1
未找到文件。
src/core/view/components/button/index.vue
浏览文件 @
72b529b9
...
...
@@ -130,6 +130,8 @@ export default {
touchstart
:
this
.
_hoverTouchStart
,
touchend
:
this
.
_hoverTouchEnd
,
touchcancel
:
this
.
_hoverTouchCancel
,
mousedown
:
this
.
_hoverMousedown
,
mouseup
:
this
.
_hoverMouseup
,
click
:
this
.
_onClick
}
},
...
...
@@ -429,4 +431,4 @@ export default {
border-color
:
rgba
(
230
,
67
,
64
,
0.6
);
background-color
:
transparent
;
}
</
style
>
</
style
>
src/core/view/components/navigator/index.vue
浏览文件 @
72b529b9
...
...
@@ -5,6 +5,8 @@
@
touchstart=
"_hoverTouchStart"
@
touchend=
"_hoverTouchEnd"
@
touchcancel=
"_hoverTouchCancel"
@
mousedown=
"_hoverMousedown"
@
mouseup=
"_hoverMouseup"
@
click=
"_onClick"
v-on=
"$listeners"
>
...
...
src/core/view/mixins/hover.js
浏览文件 @
72b529b9
...
...
@@ -4,6 +4,7 @@ export default {
hovering
:
false
}
},
props
:
{
hoverClass
:
{
type
:
String
,
...
...
@@ -22,8 +23,22 @@ export default {
default
:
400
}
},
methods
:
{
_hoverTouchStart
(
evt
)
{
if
(
evt
.
touches
.
length
>
1
)
{
return
}
this
.
_handleHoverStart
(
evt
)
},
_hoverMousedown
(
evt
)
{
evt
.
preventDefault
()
this
.
_handleHoverStart
(
evt
)
window
.
addEventListener
(
'
mouseup
'
,
this
.
_hoverMouseup
)
},
_handleHoverStart
(
evt
)
{
// TODO detect scrolling
if
(
evt
.
_hoverPropagationStopped
)
{
return
...
...
@@ -31,9 +46,6 @@ export default {
if
(
!
this
.
hoverClass
||
this
.
hoverClass
===
'
none
'
||
this
.
disabled
)
{
return
}
if
(
evt
.
touches
.
length
>
1
)
{
return
}
if
(
this
.
hoverStopPropagation
)
{
evt
.
_hoverPropagationStopped
=
true
}
...
...
@@ -45,12 +57,23 @@ export default {
}
},
this
.
hoverStartTime
)
},
_hoverTouchEnd
(
evt
)
{
_hoverMouseup
()
{
this
.
_handleHoverEnd
()
window
.
removeEventListener
(
'
mouseup
'
,
this
.
_hoverMouseup
)
},
_hoverTouchEnd
()
{
this
.
_handleHoverEnd
()
},
_handleHoverEnd
()
{
this
.
_hoverTouch
=
false
if
(
this
.
hovering
)
{
this
.
_hoverReset
()
}
},
_hoverReset
()
{
requestAnimationFrame
(()
=>
{
clearTimeout
(
this
.
_hoverStayTimer
)
...
...
@@ -59,10 +82,11 @@ export default {
},
this
.
hoverStayTime
)
})
},
_hoverTouchCancel
(
evt
)
{
_hoverTouchCancel
()
{
this
.
_hoverTouch
=
false
this
.
hovering
=
false
clearTimeout
(
this
.
_hoverStartTimer
)
}
}
}
}
src/platforms/h5/view/components/view/index.vue
浏览文件 @
72b529b9
...
...
@@ -5,13 +5,15 @@
@
touchstart=
"_hoverTouchStart"
@
touchend=
"_hoverTouchEnd"
@
touchcancel=
"_hoverTouchCancel"
@
mousedown=
"_hoverMousedown"
@
mouseup=
"_hoverMouseup"
v-on=
"$listeners"
>
<slot
/>
</uni-view>
<uni-view
v-else
v-on=
"$listeners"
v-on=
"$listeners"
>
<slot
/>
</uni-view>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录