修复移动端左侧菜单无法显示问题

RuoYi

2024-06-29 0780d9659b229f80a3c9788988ec7d9ccd63ddbb

修复移动端左侧菜单无法显示问题

 src/layout/index.vue

@@ -40,10 +40,13 @@
const { width, height } = useWindowSize();

const WIDTH = 992; // refer to Bootstrap's responsive design



watchEffect(() => {

watch(() => device.value, () => {

  if (device.value === 'mobile' && sidebar.value.opened) {

    useAppStore().closeSideBar({ withoutAnimation: false })

  }

})



watchEffect(() => {

  if (width.value - 1 < WIDTH) {

    useAppStore().toggleDevice('mobile')

    useAppStore().closeSideBar({ withoutAnimation: true })