perf[ResizeHandler]: optimized the judgment of isMobile
This commit is contained in:
parent
a0b46fedfd
commit
7725f72beb
|
@ -1,8 +1,7 @@
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
|
|
||||||
const { body } = document
|
const { body } = document
|
||||||
const WIDTH = 1024
|
const WIDTH = 992 // refer to Bootstrap's responsive design
|
||||||
const RATIO = 3
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
watch: {
|
watch: {
|
||||||
|
@ -25,7 +24,7 @@ export default {
|
||||||
methods: {
|
methods: {
|
||||||
isMobile() {
|
isMobile() {
|
||||||
const rect = body.getBoundingClientRect()
|
const rect = body.getBoundingClientRect()
|
||||||
return rect.width - RATIO < WIDTH
|
return rect.width - 1 < WIDTH
|
||||||
},
|
},
|
||||||
resizeHandler() {
|
resizeHandler() {
|
||||||
if (!document.hidden) {
|
if (!document.hidden) {
|
||||||
|
|
Loading…
Reference in New Issue