mirror of
https://github.com/zhuzichu520/FluentUI.git
synced 2024-11-23 11:17:15 +08:00
76 lines
1.4 KiB
QML
76 lines
1.4 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import QtQuick.Window
|
|
import FluentUI
|
|
import "./component"
|
|
|
|
FluScrollablePage{
|
|
|
|
title:"ColorPicker"
|
|
leftPadding:10
|
|
rightPadding:10
|
|
bottomPadding:20
|
|
spacing: 0
|
|
|
|
FluArea{
|
|
Layout.fillWidth: true
|
|
height: 280
|
|
Layout.topMargin: 20
|
|
paddings: 10
|
|
ColumnLayout{
|
|
anchors{
|
|
verticalCenter: parent.verticalCenter
|
|
left:parent.left
|
|
}
|
|
FluText{
|
|
text:"此颜色组件是Github上的开源项目"
|
|
}
|
|
FluTextButton{
|
|
leftPadding: 0
|
|
rightPadding: 0
|
|
text:"https://github.com/rshest/qml-colorpicker"
|
|
onClicked: {
|
|
Qt.openUrlExternally(text)
|
|
}
|
|
}
|
|
FluColorView{
|
|
|
|
}
|
|
}
|
|
}
|
|
CodeExpander{
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: -1
|
|
code:'FluColorView{
|
|
|
|
}'
|
|
}
|
|
|
|
FluArea{
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 20
|
|
height: 60
|
|
paddings: 10
|
|
|
|
RowLayout{
|
|
FluText{
|
|
text:"点击选择颜色->"
|
|
Layout.alignment: Qt.AlignVCenter
|
|
}
|
|
FluColorPicker{
|
|
|
|
}
|
|
}
|
|
}
|
|
CodeExpander{
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: -1
|
|
code:'FluColorPicker{
|
|
|
|
}'
|
|
}
|
|
|
|
}
|
|
|