mirror of
https://github.com/zhuzichu520/FluentUI.git
synced 2024-11-27 13:49:08 +08:00
67 lines
1.4 KiB
QML
67 lines
1.4 KiB
QML
import QtQuick
|
|
|
|
Item {
|
|
|
|
property color color: FluTheme.dark ? "#FFFFFF" : "#999999"
|
|
property int radius: 4
|
|
|
|
id:root
|
|
anchors.fill: parent
|
|
anchors.margins: -4
|
|
|
|
Rectangle{
|
|
width: root.width
|
|
height: root.height
|
|
anchors.centerIn: parent
|
|
color: "#00000000"
|
|
opacity: 0.02
|
|
border.width: 1
|
|
radius: root.radius
|
|
border.color: root.color
|
|
}
|
|
|
|
Rectangle{
|
|
width: root.width - 2
|
|
height: root.height - 2
|
|
anchors.centerIn: parent
|
|
color: "#00000000"
|
|
opacity: 0.04
|
|
border.width: 1
|
|
radius: root.radius
|
|
border.color: root.color
|
|
}
|
|
Rectangle{
|
|
width: root.width - 4
|
|
height: root.height - 4
|
|
anchors.centerIn: parent
|
|
color: "#00000000"
|
|
opacity: 0.06
|
|
border.width: 1
|
|
radius: root.radius
|
|
border.color: root.color
|
|
}
|
|
|
|
Rectangle{
|
|
width: root.width - 6
|
|
height: root.height - 6
|
|
anchors.centerIn: parent
|
|
color: "#00000000"
|
|
opacity: 0.08
|
|
border.width: 1
|
|
radius: root.radius
|
|
border.color: root.color
|
|
}
|
|
|
|
Rectangle{
|
|
width: root.width - 8
|
|
height: root.height - 8
|
|
anchors.centerIn: parent
|
|
opacity: 0.1
|
|
radius: root.radius
|
|
color: "#00000000"
|
|
border.width: 1
|
|
border.color: root.color
|
|
}
|
|
|
|
}
|