20 lines
743 B
React
20 lines
743 B
React
import React from 'react';
|
||
import './FullScreenModal.css';
|
||
|
||
export default function FullScreenModal({ visible = false, title = '全屏弹窗', onCancel, onOk, children }) {
|
||
if (!visible) return null;
|
||
return (
|
||
<div className="aa-fs-mask">
|
||
<div className="aa-fs-head">
|
||
<span className="aa-fs-title">{title}</span>
|
||
<button className="aa-fs-close" onClick={() => onCancel && onCancel()}>×</button>
|
||
</div>
|
||
<div className="aa-fs-body">{children}</div>
|
||
<div className="aa-fs-foot">
|
||
<button className="aa-btn" onClick={() => onCancel && onCancel()}>取消</button>
|
||
<button className="aa-btn aa-btn--primary" onClick={() => onOk && onOk()}>保存</button>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|