mirror of
https://github.com/kuaifan/dootask.git
synced 2026-01-19 22:58:12 +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'
|
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) {
|
if (!isSupportTouch) {
|
||||||
el.__longpressContextmenu__ = (e) => {
|
|
||||||
e.preventDefault()
|
|
||||||
e.stopPropagation()
|
|
||||||
callback(e, el)
|
|
||||||
}
|
|
||||||
el.addEventListener('contextmenu', el.__longpressContextmenu__);
|
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
// 定义变量
|
// 定义变量
|
||||||
let pressTimer = null
|
let pressTimer = null
|
||||||
let isCall = false
|
let isCall = false
|
||||||
@ -64,9 +64,9 @@ const longpress = {
|
|||||||
},
|
},
|
||||||
// 指令与元素解绑的时候,移除事件绑定
|
// 指令与元素解绑的时候,移除事件绑定
|
||||||
unbind(el) {
|
unbind(el) {
|
||||||
|
el.removeEventListener('contextmenu', el.__longpressContextmenu__)
|
||||||
|
delete el.__longpressContextmenu__
|
||||||
if (!isSupportTouch) {
|
if (!isSupportTouch) {
|
||||||
el.removeEventListener('contextmenu', el.__longpressContextmenu__)
|
|
||||||
delete el.__longpressContextmenu__
|
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
el.removeEventListener('touchstart', el.__longpressStart__)
|
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;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body.window-touch {
|
||||||
|
.page-messenger {
|
||||||
|
.messenger-wrapper {
|
||||||
|
.messenger-select {
|
||||||
|
.messenger-list {
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
body.window-portrait {
|
body.window-portrait {
|
||||||
.page-dashboard {
|
.page-dashboard {
|
||||||
.dashboard-wrapper {
|
.dashboard-wrapper {
|
||||||
@ -307,6 +319,7 @@ body.window-portrait {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.dashboard-list {
|
.dashboard-list {
|
||||||
|
height: auto;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
.scrollbar-content {
|
.scrollbar-content {
|
||||||
overflow: visible;
|
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 {
|
body.window-portrait {
|
||||||
.page-manage {
|
.page-manage {
|
||||||
&.show-tabbar {
|
&.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 {
|
body.window-portrait {
|
||||||
.page-messenger {
|
.page-messenger {
|
||||||
.messenger-wrapper {
|
.messenger-wrapper {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user