| | |
| | | this.moveDom = e.toElement; |
| | | this.parentDom = this.getParentWithClass(e.toElement, "question-box"); |
| | | this.questionIndex = this.parentDom.getAttribute("num"); |
| | | this.getSpaceInfo(this.parentDom); |
| | | if(!this.spaceList.length) this.getSpaceInfo(this.parentDom); |
| | | const parentInfo = this.parentDom.getBoundingClientRect(); |
| | | this.parentX = parentInfo.x; |
| | | this.parentY = parentInfo.y; |
| | |
| | | e.y <= item.maxY |
| | | ) { |
| | | if(!this.isLift) return false |
| | | this.spaceList = this.spaceList.filter(citem => citem !== item) |
| | | this.$set( |
| | | this.drageQuestion[this.questionIndex].userAnswer, |
| | | index, |
| | |
| | | arr.push({ |
| | | minX: itemInfo.x -10, |
| | | maxX: itemInfo.x + itemInfo.width + 10, |
| | | minY: itemInfo.y -10 , |
| | | maxY: itemInfo.y + itemInfo.height + 10, |
| | | minY: itemInfo.y - 2 , |
| | | maxY: itemInfo.y + itemInfo.height + 2, |
| | | }); |
| | | } |
| | | this.spaceList = arr; |
| | |
| | | text-align: center; |
| | | min-width: 60px !important; |
| | | min-height: 15px !important; |
| | | text-indent: 0em; |
| | | } |
| | | .option-box { |
| | | display: flex; |
| | |
| | | cursor: pointer; |
| | | } |
| | | .stem { |
| | | text-indent: 2em; |
| | | line-height: 2em; |
| | | } |
| | | .drag-bottom-btn { |