|
@@ -63,18 +63,28 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
+ count: 0,
|
|
|
+ right: 0
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
rightVisiable (value) {
|
|
|
+ const leftElement = document.querySelector('.bs-left-panel')
|
|
|
+ const contentElement = document.querySelector('.grid-wrap-box')
|
|
|
+ // const rightElement = document.querySelector('.bs-right-panel-wrap')
|
|
|
+ const mapElement = document.querySelector('.minimap')
|
|
|
if (value) {
|
|
|
- const leftElement = document.querySelector('.bs-left-panel')
|
|
|
- const contentElement = document.querySelector('.grid-wrap-box')
|
|
|
- // const rightElement = document.querySelector('.bs-right-panel-wrap')
|
|
|
- const mapElement = document.querySelector('.minimap')
|
|
|
if (parseInt(window.getComputedStyle(mapElement).right) > parseInt(window.getComputedStyle(leftElement).width) + parseInt(window.getComputedStyle(contentElement).width) - 320 - parseInt(window.getComputedStyle(mapElement).width)) {
|
|
|
+ // 此时距离超出可视范围
|
|
|
+ this.count = 1
|
|
|
+ this.right = window.getComputedStyle(mapElement).right
|
|
|
mapElement.style.right = parseInt(window.getComputedStyle(leftElement).width) + parseInt(window.getComputedStyle(contentElement).width) - 320 - parseInt(window.getComputedStyle(mapElement).width) + 'px'
|
|
|
}
|
|
|
+ } else {
|
|
|
+ if (this.count === 1) {
|
|
|
+ mapElement.style.right = this.right
|
|
|
+ this.count--
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
},
|