zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix[TagsView]: fix openMenu boundary display bug (#1256)

This commit is contained in:
花裤衩 2018-10-25 10:42:18 +08:00 committed by GitHub
parent 1a345a7c65
commit cbdad9cb1b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/layout/components/TagsView.vue
View File

@ -121,11 +121,21 @@ export default {
this.$router.push('/') this.$router.push('/')
}, },
openMenu(tag, e) { openMenu(tag, e) {
const menuMinWidth = 105
const offsetLeft = this.$el.getBoundingClientRect().left // container margin left
const offsetWidth = this.$el.offsetWidth // container width
const maxLeft = offsetWidth - menuMinWidth // left boundary
const left = e.clientX - offsetLeft + 15 // 15: margin right
if (left > maxLeft) {
this.left = maxLeft
} else {
this.left = left
}
this.top = e.clientY
this.visible = true this.visible = true
this.selectedTag = tag this.selectedTag = tag
const offsetLeft = this.$el.getBoundingClientRect().left // container margin left
this.left = e.clientX - offsetLeft + 15 // 15: margin right
this.top = e.clientY
}, },
closeMenu() { closeMenu() {
this.visible = false this.visible = false