FluentUI/example/qml/page/T_Pivot.qml

80 lines
1.8 KiB
QML
Raw Normal View History

2023-08-24 15:50:37 +08:00
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtQuick.Window 2.15
import FluentUI 1.0
2023-08-26 17:20:30 +08:00
import "../component"
2023-04-04 15:09:34 +08:00
2023-06-28 13:16:21 +08:00
FluScrollablePage{
2023-04-04 15:09:34 +08:00
2024-03-09 15:35:48 +08:00
title: qsTr("Pivot")
2023-06-28 13:13:39 +08:00
2024-03-29 16:56:09 +08:00
FluFrame{
2023-06-28 13:15:33 +08:00
Layout.fillWidth: true
2024-03-29 16:23:16 +08:00
Layout.preferredHeight: 400
padding: 10
2023-09-12 18:45:15 +08:00
2023-06-28 13:15:33 +08:00
FluPivot{
anchors.fill: parent
currentIndex: 2
2023-09-12 18:45:15 +08:00
2023-06-28 13:15:33 +08:00
FluPivotItem{
2024-03-09 15:35:48 +08:00
title: qsTr("All")
2023-06-28 13:15:33 +08:00
contentItem:FluText{
2024-03-09 15:35:48 +08:00
text: qsTr("All emails go here.")
2023-06-28 13:15:33 +08:00
}
}
FluPivotItem{
2024-03-09 15:35:48 +08:00
title: qsTr("Unread")
contentItem: FluText{
text: qsTr("Unread emails go here.")
2023-06-28 13:15:33 +08:00
}
}
FluPivotItem{
2024-03-09 15:35:48 +08:00
title: qsTr("Flagged")
contentItem: FluText{
text: qsTr("Flagged emails go here.")
2023-06-28 13:15:33 +08:00
}
}
FluPivotItem{
2024-03-09 15:35:48 +08:00
title: qsTr("Urgent")
contentItem: FluText{
text: qsTr("Urgent emails go here.")
2023-06-28 13:15:33 +08:00
}
}
}
}
CodeExpander{
Layout.fillWidth: true
2024-03-29 16:23:16 +08:00
Layout.topMargin: -6
2023-06-28 13:15:33 +08:00
code:'FluPivot{
anchors.fill: parent
FluPivotItem:{
2024-03-09 15:35:48 +08:00
text: qsTr("All")
2023-06-28 13:15:33 +08:00
contentItem: FluText{
2024-03-09 15:35:48 +08:00
text: qsTr("All emails go here.")
2023-06-28 13:15:33 +08:00
}
}
FluPivotItem:{
2024-03-09 15:35:48 +08:00
text: qsTr("Unread")
2023-06-28 13:15:33 +08:00
contentItem: FluText{
2024-03-09 15:35:48 +08:00
text: qsTr("Unread emails go here.")
2023-06-28 13:15:33 +08:00
}
}
FluPivotItem:{
2024-03-09 15:35:48 +08:00
text: qsTr("Flagged")
2023-06-28 13:15:33 +08:00
contentItem: FluText{
2024-03-09 15:35:48 +08:00
text: qsTr("Flagged emails go here.")
2023-06-28 13:15:33 +08:00
}
}
FluPivotItem:{
2024-03-09 15:35:48 +08:00
text: qsTr("Urgent")
2023-06-28 13:15:33 +08:00
contentItem: FluText{
2024-03-09 15:35:48 +08:00
text: qsTr("Urgent emails go here.")
2023-06-28 13:15:33 +08:00
}
}
}
'
}
2023-04-04 15:09:34 +08:00
}