FluentUI/example/page/LoginPage.qml

73 lines
1.6 KiB
QML
Raw Normal View History

2023-03-30 21:52:55 +08:00
import QtQuick
import QtQuick.Layouts
import FluentUI
2023-03-13 18:23:46 +08:00
FluWindow {
id:window
width: 400
height: 400
minimumWidth: 400
minimumHeight: 400
maximumWidth: 400
maximumHeight: 400
modality:2
title:"登录"
onInitArgument:
(argument)=>{
2023-03-30 18:34:03 +08:00
textbox_uesrname.updateText(argument.username)
2023-03-13 18:23:46 +08:00
textbox_password.focus = true
}
FluAppBar{
id:appbar
title:"登录"
2023-03-30 21:52:55 +08:00
width:parent.width
2023-03-13 18:23:46 +08:00
}
ColumnLayout{
anchors{
left: parent.left
right: parent.right
verticalCenter: parent.verticalCenter
}
FluAutoSuggestBox{
id:textbox_uesrname
2023-03-30 18:34:03 +08:00
items:[{title:"Admin"},{title:"User"}]
2023-03-13 18:23:46 +08:00
placeholderText: "请输入账号"
Layout.preferredWidth: 260
Layout.alignment: Qt.AlignHCenter
}
FluTextBox{
id:textbox_password
Layout.topMargin: 20
Layout.preferredWidth: 260
placeholderText: "请输入密码"
echoMode:TextInput.Password
Layout.alignment: Qt.AlignHCenter
}
FluFilledButton{
text:"登录"
Layout.alignment: Qt.AlignHCenter
Layout.topMargin: 20
onClicked:{
if(textbox_password.text === ""){
showError("请随便输入一个密码")
return
}
2023-03-13 21:18:51 +08:00
onResult({password:textbox_password.text})
2023-03-13 18:23:46 +08:00
window.close()
}
}
}
}