初始化 ui.
This commit is contained in:
@@ -3,7 +3,7 @@ import { useDebounceFn } from '@vueuse/core';
|
||||
import { useAppStore } from '@/store';
|
||||
import { addEventListen, removeEventListen } from '@/utils/event';
|
||||
|
||||
const WIDTH = 992; // https://arco.design/vue/component/grid#responsivevalue
|
||||
const WIDTH = 992;
|
||||
|
||||
function queryDevice() {
|
||||
const rect = document.body.getBoundingClientRect();
|
||||
@@ -12,6 +12,7 @@ function queryDevice() {
|
||||
|
||||
export default function useResponsive(immediate?: boolean) {
|
||||
const appStore = useAppStore();
|
||||
|
||||
function resizeHandler() {
|
||||
if (!document.hidden) {
|
||||
const isMobile = queryDevice();
|
||||
@@ -19,6 +20,7 @@ export default function useResponsive(immediate?: boolean) {
|
||||
appStore.toggleMenu(isMobile);
|
||||
}
|
||||
}
|
||||
|
||||
const debounceFn = useDebounceFn(resizeHandler, 100);
|
||||
onMounted(() => {
|
||||
if (immediate) debounceFn();
|
||||
|
||||
Reference in New Issue
Block a user