diff --git a/client/ui/dialog/LoginDialog.jsx b/client/ui/dialog/LoginDialog.jsx
new file mode 100644
index 0000000..ab587f4
--- /dev/null
+++ b/client/ui/dialog/LoginDialog.jsx
@@ -0,0 +1,21 @@
+export default function LoginDialog({
+    inputAccountRef,
+    inputPasswordRef,
+    registerButtonRef,
+    loginButtonRef,
+    ...prop
+}) {
+    return (
+        <mdui-dialog headline="登录" {...prop}>
+
+            <mdui-text-field label="账号" ref={inputAccountRef}></mdui-text-field>
+            <div style={{
+                height: "10px",
+            }}></div>
+            <mdui-text-field label="密码" ref={inputPasswordRef}></mdui-text-field>
+
+            <mdui-button slot="action" variant="text" ref={registerButtonRef}>注册</mdui-button>
+            <mdui-button slot="action" variant="text" ref={loginButtonRef}>登录</mdui-button>
+        </mdui-dialog>
+    )
+}
\ No newline at end of file