From 88c4f446b91c0e2497f29fbe8b8a9373014a44d1 Mon Sep 17 00:00:00 2001
From: 1 <1@123>
Date: 星期二, 03 二月 2026 10:23:00 +0800
Subject: [PATCH] lsh#
---
rsf-admin/src/page/components/PageDrawer.jsx | 35 ++++++++++++++++++++++++++++++-----
1 files changed, 30 insertions(+), 5 deletions(-)
diff --git a/rsf-admin/src/page/components/PageDrawer.jsx b/rsf-admin/src/page/components/PageDrawer.jsx
index 659e849..a92a9f5 100644
--- a/rsf-admin/src/page/components/PageDrawer.jsx
+++ b/rsf-admin/src/page/components/PageDrawer.jsx
@@ -23,21 +23,46 @@
}
}
+ const isOpen = !!drawerVal;
+
return (
<Drawer
variant="persistent"
- open={!!drawerVal}
+ open={isOpen}
anchor="right"
onClose={handleClose}
- sx={{ zIndex: 100 }}
+ sx={{
+ zIndex: 100,
+ '& .MuiDrawer-paper': {
+ top: '86px', // AppBar(50px) + TabsBar(36px)
+ // 褰撳叧闂椂锛岀‘淇濆唴瀹逛笉鍙仛鐒�
+ ...(isOpen ? {} : {
+ pointerEvents: 'none',
+ visibility: 'hidden',
+ })
+ }
+ }}
+ // 瀵逛簬 persistent Drawer锛屼娇鐢� PaperProps 鏉ユ帶鍒跺彲璁块棶鎬�
+ PaperProps={{
+ 'aria-hidden': !isOpen,
+ tabIndex: isOpen ? 0 : -1,
+ }}
>
- {!!drawerVal && (
- <Box pt={5} width={{ xs: '100vW', sm: width }} height={'calc(100vh - 200px);'} mt={{ xs: 2, sm: 1 }}>
+ {isOpen && (
+ <Box
+ pt={2}
+ width={{ xs: '100vW', sm: width }}
+ mt={{ xs: 2, sm: 1 }}
+ >
<Stack direction="row" p={2}>
<Typography variant="h6" flex="1">
{title}
</Typography>
- <IconButton onClick={handleClose} size="small">
+ <IconButton
+ onClick={handleClose}
+ size="small"
+ aria-label="鍏抽棴"
+ >
<CloseIcon />
</IconButton>
</Stack>
--
Gitblit v1.9.1