123456789101112131415161718192021222324252627282930313233 |
- import enquireJs from 'enquire.js'
- export const DEVICE_TYPE = {
- DESKTOP: 'desktop',
- TABLET: 'tablet',
- MOBILE: 'mobile'
- }
- export const deviceEnquire = function (callback) {
- const matchDesktop = {
- match: () => {
- callback && callback(DEVICE_TYPE.DESKTOP)
- }
- }
- const matchLablet = {
- match: () => {
- callback && callback(DEVICE_TYPE.TABLET)
- }
- }
- const matchMobile = {
- match: () => {
- callback && callback(DEVICE_TYPE.MOBILE)
- }
- }
- // screen and (max-width: 1087.99px)
- enquireJs
- .register('screen and (max-width: 576px)', matchMobile)
- .register('screen and (min-width: 576px) and (max-width: 1199px)', matchLablet)
- .register('screen and (min-width: 1200px)', matchDesktop)
- }
|