ui: add LoginDialog
This commit is contained in:
21
client/ui/dialog/LoginDialog.jsx
Normal file
21
client/ui/dialog/LoginDialog.jsx
Normal file
@@ -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>
|
||||||
|
)
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user