2023-05-22 16:17:51 +08:00
|
|
|
import QtQuick
|
2023-03-30 21:52:55 +08:00
|
|
|
import QtQuick.Layouts
|
|
|
|
import QtQuick.Window
|
|
|
|
import QtQuick.Controls
|
2023-04-22 16:02:52 +08:00
|
|
|
import "../component"
|
2023-03-30 21:52:55 +08:00
|
|
|
import FluentUI
|
2023-03-01 11:58:30 +08:00
|
|
|
|
2023-03-10 18:08:32 +08:00
|
|
|
FluScrollablePage{
|
|
|
|
|
|
|
|
title:"Slider"
|
|
|
|
|
2023-04-05 21:42:12 +08:00
|
|
|
FluArea{
|
|
|
|
Layout.fillWidth: true
|
|
|
|
height: 100
|
|
|
|
paddings: 10
|
2023-03-10 18:08:32 +08:00
|
|
|
Layout.topMargin: 20
|
2023-04-05 21:42:12 +08:00
|
|
|
FluSlider{
|
|
|
|
value: 50
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
}
|
2023-03-06 18:08:01 +08:00
|
|
|
}
|
2023-04-05 21:42:12 +08:00
|
|
|
CodeExpander{
|
|
|
|
Layout.fillWidth: true
|
2023-04-19 17:25:46 +08:00
|
|
|
Layout.topMargin: -1
|
2023-04-05 21:42:12 +08:00
|
|
|
code:'FluSlider{
|
2023-04-06 17:32:21 +08:00
|
|
|
value:50
|
2023-04-05 21:42:12 +08:00
|
|
|
}'
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
FluArea{
|
|
|
|
Layout.fillWidth: true
|
|
|
|
height: 200
|
|
|
|
paddings: 10
|
2023-03-10 18:08:32 +08:00
|
|
|
Layout.topMargin: 20
|
2023-04-05 21:42:12 +08:00
|
|
|
FluSlider{
|
|
|
|
value: 50
|
|
|
|
vertical:true
|
|
|
|
anchors.left: parent.left
|
|
|
|
anchors.leftMargin: 20
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
}
|
2023-03-01 11:58:30 +08:00
|
|
|
}
|
2023-04-05 21:42:12 +08:00
|
|
|
CodeExpander{
|
|
|
|
Layout.fillWidth: true
|
2023-04-19 17:25:46 +08:00
|
|
|
Layout.topMargin: -1
|
2023-04-05 21:42:12 +08:00
|
|
|
code:'FluSlider{
|
2023-04-06 17:32:21 +08:00
|
|
|
vertical:true
|
|
|
|
value:50
|
2023-04-05 21:42:12 +08:00
|
|
|
}'
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2023-03-01 11:58:30 +08:00
|
|
|
}
|