diff --git a/spug_web2/src/components/SModal/index.jsx b/spug_web2/src/components/SModal/index.jsx
new file mode 100644
index 0000000..d6e39f0
--- /dev/null
+++ b/spug_web2/src/components/SModal/index.jsx
@@ -0,0 +1,11 @@
+import { Modal } from 'antd'
+import { clsNames } from '@/libs'
+import css from './index.module.scss'
+
+function SModal(props) {
+    return (
+        <Modal {...props} className={clsNames(css.modal, props.className)} />
+    )
+}
+
+export default SModal
\ No newline at end of file
diff --git a/spug_web2/src/components/SModal/index.module.scss b/spug_web2/src/components/SModal/index.module.scss
new file mode 100644
index 0000000..3bc5fde
--- /dev/null
+++ b/spug_web2/src/components/SModal/index.module.scss
@@ -0,0 +1,23 @@
+.modal {
+    :global(.ant-modal-content) {
+        padding-top: 68px;
+    }
+
+    :global(.ant-modal-close) {
+        z-index: 999;
+    }
+
+    :global(.ant-modal-header) {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 48px;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        padding: 0 24px;
+        border-bottom: 1px solid #f0f0f0;
+        background: transparent;
+    }
+}
\ No newline at end of file
diff --git a/spug_web2/src/components/index.js b/spug_web2/src/components/index.js
new file mode 100644
index 0000000..f065198
--- /dev/null
+++ b/spug_web2/src/components/index.js
@@ -0,0 +1,7 @@
+import STable from './STable'
+import SModal from './SModal'
+
+export {
+    STable,
+    SModal,
+}
\ No newline at end of file