lisang
/
iview-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed the bug that there always creat a new div element when unlock screen.

This commit is contained in:
zhigang.li 2017-11-28 19:50:42 +08:00
parent 27f16d571c
commit 0492434e69
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/main-components/lockscreen/lockscreen.vue
View File

@ -34,26 +34,28 @@ export default {
}
},
mounted () {
let lockdiv = document.createElement('div');
lockdiv.setAttribute('id', 'lock_screen_back');
lockdiv.setAttribute('class', 'lock-screen-back');
document.body.appendChild(lockdiv);
let lockScreenBack = document.getElementById('lock_screen_back');
let x = document.body.clientWidth;
let y = document.body.clientHeight;
let r = Math.sqrt(x * x + y * y);
let size = parseInt(r);
this.lockScreenSize = size;
window.addEventListener('resize', () => {
if (!document.getElementById('lock_screen_back')) {
let lockdiv = document.createElement('div');
lockdiv.setAttribute('id', 'lock_screen_back');
lockdiv.setAttribute('class', 'lock-screen-back');
document.body.appendChild(lockdiv);
let lockScreenBack = document.getElementById('lock_screen_back');
let x = document.body.clientWidth;
let y = document.body.clientHeight;
let r = Math.sqrt(x * x + y * y);
let size = parseInt(r);
this.lockScreenSize = size;
lockScreenBack.style.transition = 'all 0s';
window.addEventListener('resize', () => {
let x = document.body.clientWidth;
let y = document.body.clientHeight;
let r = Math.sqrt(x * x + y * y);
let size = parseInt(r);
this.lockScreenSize = size;
lockScreenBack.style.transition = 'all 0s';
lockScreenBack.style.width = lockScreenBack.style.height = size + 'px';
});
lockScreenBack.style.width = lockScreenBack.style.height = size + 'px';
});
lockScreenBack.style.width = lockScreenBack.style.height = size + 'px';
}
}
};
</script>