mirror of
https://github.com/kuaifan/dootask.git
synced 2026-01-09 23:18:14 +00:00
perf: 优化大屏移动端长按菜单
This commit is contained in:
parent
ea1c2a34e2
commit
c2715f9b5e
20
resources/assets/js/directives/longpress.js
vendored
20
resources/assets/js/directives/longpress.js
vendored
@ -12,17 +12,17 @@ const longpress = {
|
||||
throw 'callback must be a function'
|
||||
}
|
||||
|
||||
// 不支持touch时使用右键
|
||||
// 菜单键(右键)
|
||||
el.__longpressContextmenu__ = (e) => {
|
||||
e.preventDefault()
|
||||
e.stopPropagation()
|
||||
callback(e, el)
|
||||
}
|
||||
el.addEventListener('contextmenu', el.__longpressContextmenu__);
|
||||
// 不支持touch
|
||||
if (!isSupportTouch) {
|
||||
el.__longpressContextmenu__ = (e) => {
|
||||
e.preventDefault()
|
||||
e.stopPropagation()
|
||||
callback(e, el)
|
||||
}
|
||||
el.addEventListener('contextmenu', el.__longpressContextmenu__);
|
||||
return
|
||||
}
|
||||
|
||||
// 定义变量
|
||||
let pressTimer = null
|
||||
let isCall = false
|
||||
@ -64,9 +64,9 @@ const longpress = {
|
||||
},
|
||||
// 指令与元素解绑的时候,移除事件绑定
|
||||
unbind(el) {
|
||||
el.removeEventListener('contextmenu', el.__longpressContextmenu__)
|
||||
delete el.__longpressContextmenu__
|
||||
if (!isSupportTouch) {
|
||||
el.removeEventListener('contextmenu', el.__longpressContextmenu__)
|
||||
delete el.__longpressContextmenu__
|
||||
return
|
||||
}
|
||||
el.removeEventListener('touchstart', el.__longpressStart__)
|
||||
|
||||
13
resources/assets/sass/pages/page-dashboard.scss
vendored
13
resources/assets/sass/pages/page-dashboard.scss
vendored
@ -286,6 +286,18 @@
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
body.window-touch {
|
||||
.page-messenger {
|
||||
.messenger-wrapper {
|
||||
.messenger-select {
|
||||
.messenger-list {
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.window-portrait {
|
||||
.page-dashboard {
|
||||
.dashboard-wrapper {
|
||||
@ -307,6 +319,7 @@ body.window-portrait {
|
||||
}
|
||||
}
|
||||
.dashboard-list {
|
||||
height: auto;
|
||||
padding-bottom: 2px;
|
||||
.scrollbar-content {
|
||||
overflow: visible;
|
||||
|
||||
12
resources/assets/sass/pages/page-file.scss
vendored
12
resources/assets/sass/pages/page-file.scss
vendored
@ -753,3 +753,15 @@ body.window-portrait {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.window-touch {
|
||||
.page-file {
|
||||
.file-wrapper {
|
||||
.file-drag {
|
||||
.file-list {
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
8
resources/assets/sass/pages/page-manage.scss
vendored
8
resources/assets/sass/pages/page-manage.scss
vendored
@ -421,6 +421,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
body.window-touch {
|
||||
.page-manage {
|
||||
.manage-box-menu {
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.window-portrait {
|
||||
.page-manage {
|
||||
&.show-tabbar {
|
||||
|
||||
12
resources/assets/sass/pages/page-messenger.scss
vendored
12
resources/assets/sass/pages/page-messenger.scss
vendored
@ -591,6 +591,18 @@
|
||||
}
|
||||
}
|
||||
|
||||
body.window-touch {
|
||||
.page-messenger {
|
||||
.messenger-wrapper {
|
||||
.messenger-select {
|
||||
.messenger-list {
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body.window-portrait {
|
||||
.page-messenger {
|
||||
.messenger-wrapper {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user