lucas
/
RuoYi-Vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
RuoYi 2024-06-29 21:44:21 +08:00
parent c227751acb
commit 0780d9659b
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/layout/index.vue
View File

@ -40,10 +40,13 @@ const classObj = computed(() => ({
const { width, height } = useWindowSize(); const { width, height } = useWindowSize();
const WIDTH = 992; // refer to Bootstrap's responsive design const WIDTH = 992; // refer to Bootstrap's responsive design
watchEffect(() => { watch(() => device.value, () => {
if (device.value === 'mobile' && sidebar.value.opened) { if (device.value === 'mobile' && sidebar.value.opened) {
useAppStore().closeSideBar({ withoutAnimation: false }) useAppStore().closeSideBar({ withoutAnimation: false })
} }
})
watchEffect(() => {
if (width.value - 1 < WIDTH) { if (width.value - 1 < WIDTH) {
useAppStore().toggleDevice('mobile') useAppStore().toggleDevice('mobile')
useAppStore().closeSideBar({ withoutAnimation: true }) useAppStore().closeSideBar({ withoutAnimation: true })