Skip to content

B
bkunyun
Commit d79b0f12 authored by chenshouchao's avatar chenshouchao
Browse files
Options

feat: 二次确认弹窗多包裹一层 使弹窗距离边界有最小距离

parent 85ed1fbc
Hide whitespace changes
Inline Side-by-side
Showing with 39 additions and 30 deletions
src/components/mui/MyPopconfirm.tsx
View file @ d79b0f12
...@@ -68,43 +68,52 @@ const MyPopconfirm = (props: IMyPopconfirmProps) => { ...@@ -68,43 +68,52 @@ const MyPopconfirm = (props: IMyPopconfirmProps) => {
placement={placement} placement={placement}
sx={{ sx={{
zIndex: 2000, zIndex: 2000,
bgcolor: "#fff", bgcolor: "transparent",
minWidth: "200px", minWidth: "200px",
borderRadius: "4px",
fontSize: "14px", fontSize: "14px",
padding: "20px 16px", padding: "20px 16px",
boxShadow: "0px 3px 10px 0px rgba(0, 24, 57, 0.14)",
}} }}
> >
<Box sx={{ marginBottom: "16px" }}> <Box
<img sx={{
style={{ bgcolor: "#fff",
width: "16px", minWidth: "200px",
marginRight: "12px", borderRadius: "4px",
position: "relative", fontSize: "14px",
top: "3px", padding: "20px 16px",
}} boxShadow: "0px 3px 10px 0px rgba(0, 24, 57, 0.14)",
src={tipsIcon} }}
alt="" >
/> <Box sx={{ marginBottom: "16px" }}>
{title} <img
</Box> style={{
<Box sx={{ display: "flex", justifyContent: "flex-end" }}> width: "16px",
{showCancel && ( marginRight: "12px",
position: "relative",
top: "3px",
}}
src={tipsIcon}
alt=""
/>
{title}
</Box>
<Box sx={{ display: "flex", justifyContent: "flex-end" }}>
{showCancel && (
<MyButton
text={cancelText}
variant="outlined"
color="inherit"
onClick={handleCancel}
style={{ marginRight: "12px" }}
/>
)}
<MyButton <MyButton
text={cancelText} text={okText}
variant="outlined" onClick={handleOk}
color="inherit" loading={loading}
onClick={handleCancel} isLoadingButton={true}
style={{ marginRight: "12px" }}
/> />
)} </Box>
<MyButton
text={okText}
onClick={handleOk}
loading={loading}
isLoadingButton={true}
/>
</Box> </Box>
</Popper> </Popper>
); );
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment