2023-03-30 21:52:55 +08:00
|
|
|
|
import QtQuick
|
|
|
|
|
import QtQuick.Layouts
|
|
|
|
|
import QtQuick.Window
|
|
|
|
|
import QtQuick.Controls
|
2023-04-05 21:42:12 +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-03-28 17:53:46 +08:00
|
|
|
|
leftPadding:10
|
|
|
|
|
rightPadding:10
|
|
|
|
|
bottomPadding:20
|
2023-04-05 21:42:12 +08:00
|
|
|
|
spacing: 0
|
2023-03-10 18:08:32 +08:00
|
|
|
|
|
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
|
|
|
|
|
code:'FluSlider{
|
|
|
|
|
value:50
|
|
|
|
|
}'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
code:'FluSlider{
|
|
|
|
|
vertical:true
|
|
|
|
|
value:50
|
|
|
|
|
}'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2023-03-01 11:58:30 +08:00
|
|
|
|
}
|