FluentUI/example/page/AboutPage.qml

98 lines
2.3 KiB
QML
Raw Normal View History

2023-03-30 21:52:55 +08:00
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import FluentUI
2023-02-28 18:29:00 +08:00
FluWindow {
2023-04-11 23:12:31 +08:00
id:window
2023-02-28 18:29:00 +08:00
width: 500
2023-03-02 23:58:50 +08:00
height: 600
2023-03-09 11:50:40 +08:00
minimumWidth: 500
minimumHeight: 600
maximumWidth: 500
maximumHeight: 600
2023-02-28 18:29:00 +08:00
title:"关于"
FluAppBar{
id:appbar
2023-03-02 23:58:50 +08:00
title:"关于"
2023-03-30 21:52:55 +08:00
width:parent.width
2023-02-28 18:29:00 +08:00
}
2023-03-03 18:19:48 +08:00
ColumnLayout{
anchors{
top: appbar.bottom
left: parent.left
right: parent.right
}
2023-02-28 18:29:00 +08:00
2023-03-03 18:19:48 +08:00
RowLayout{
Layout.topMargin: 20
Layout.leftMargin: 15
spacing: 14
FluText{
text:"FluentUI"
fontStyle: FluText.Title
}
FluText{
2023-04-11 23:12:31 +08:00
text:"v%1".arg(appInfo.version)
2023-03-03 18:19:48 +08:00
fontStyle: FluText.Body
Layout.alignment: Qt.AlignBottom
}
}
2023-02-28 18:29:00 +08:00
2023-03-03 18:19:48 +08:00
RowLayout{
spacing: 14
Layout.topMargin: 20
Layout.leftMargin: 15
FluText{
text:"作者:"
}
FluText{
text:"朱子楚"
Layout.alignment: Qt.AlignBottom
}
}
RowLayout{
spacing: 14
Layout.topMargin: 20
Layout.leftMargin: 15
FluText{
text:"GitHub"
}
FluTextButton{
id:text_hublink
text:"https://github.com/zhuzichu520/FluentUI"
Layout.alignment: Qt.AlignBottom
onClicked: {
2023-04-11 23:39:20 +08:00
Qt.openUrlExternally(text_hublink.text)
2023-03-03 18:19:48 +08:00
}
2023-02-28 18:29:00 +08:00
}
}
2023-03-12 22:43:13 +08:00
RowLayout{
spacing: 14
Layout.topMargin: 20
Layout.leftMargin: 15
FluText{
id:text_info
text:"如果该项目对你有作用就请点击上方链接给一个免费的star吧"
ColorAnimation {
2023-03-22 11:54:19 +08:00
id: animation
target: text_info
property: "color"
from: "red"
to: "blue"
duration: 1000
running: true
loops: Animation.Infinite
easing.type: Easing.InOutQuad
}
2023-03-12 22:43:13 +08:00
}
}
2023-02-28 18:29:00 +08:00
}
}