github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-11 09:05:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2022-11-10 14:03:38 +08:00
parent 1ac069aba4
commit 31ef3a47e0
1 changed files with 3 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
resources/assets/js/components/DragBallComponent.vue
View File

@ -12,18 +12,10 @@ export default {
type: String, type: String,
default: "" default: ""
}, },
distanceLeft: {
type: Number,
default: -1 // 大于 -1 时 distanceRight 无效
},
distanceRight: { distanceRight: {
type: Number, type: Number,
default: 0 default: 0
}, },
distanceTop: {
type: Number,
default: -1 // 大于 -1 时 distanceBottom 无效
},
distanceBottom: { distanceBottom: {
type: Number, type: Number,
default: 100 default: 100
@ -71,18 +63,10 @@ export default {
if (this.id && $A.isJson(window._DragBallComponent[this.id])) { if (this.id && $A.isJson(window._DragBallComponent[this.id])) {
this.left = window._DragBallComponent[this.id].left this.left = window._DragBallComponent[this.id].left
this.top = window._DragBallComponent[this.id].top this.top = window._DragBallComponent[this.id].top
} else {
if (this.distanceLeft > -1) {
this.left = this.distanceLeft;
} else { } else {
this.left = this.clientWidth - this.floatDrag.offsetWidth - this.distanceRight; this.left = this.clientWidth - this.floatDrag.offsetWidth - this.distanceRight;
}
if (this.distanceTop > -1) {
this.top = this.distanceTop;
} else {
this.top = this.clientHeight - this.floatDrag.offsetHeight - this.distanceBottom; this.top = this.clientHeight - this.floatDrag.offsetHeight - this.distanceBottom;
} }
}
this.initDraggable(); this.initDraggable();
}); });
} }
@ -154,7 +138,7 @@ export default {
handleResize() { handleResize() {
this.clientWidth = document.documentElement.clientWidth; this.clientWidth = document.documentElement.clientWidth;
this.clientHeight = document.documentElement.clientHeight; this.clientHeight = document.documentElement.clientHeight;
this.checkDraggablePosition(); this.$nextTick(this.checkDraggablePosition);
}, },
/** /**