perf[ResizeHandler]: optimized the judgment of isMobile (#1633)
perf[ResizeHandler]: optimized the judgment of isMobile
This commit is contained in:
		@@ -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) {
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user