69 lines
1.9 KiB
QML
69 lines
1.9 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import QtQuick.Controls
|
|
import FluentUI.Controls
|
|
import FluentUI.impl
|
|
|
|
ScrollablePage {
|
|
|
|
title: qsTr("Shimmer")
|
|
|
|
columnSpacing: 20
|
|
|
|
Shimmer{
|
|
Layout.preferredWidth: layout_column.width
|
|
Layout.preferredHeight: layout_column.height
|
|
Column{
|
|
id: layout_column
|
|
spacing: 20
|
|
width: 560
|
|
Repeater{
|
|
model: 4
|
|
delegate: Frame{
|
|
implicitWidth: layout_column.width
|
|
implicitHeight: 140
|
|
|
|
Rectangle{
|
|
id: avatar
|
|
width: 100
|
|
height: 100
|
|
radius: 50
|
|
color: Theme.res.dividerStrokeColorDefault
|
|
anchors{
|
|
verticalCenter: parent.verticalCenter
|
|
left: parent.left
|
|
leftMargin: 20
|
|
}
|
|
}
|
|
Rectangle{
|
|
width: 400
|
|
height: 32
|
|
radius: 4
|
|
color: Theme.res.dividerStrokeColorDefault
|
|
anchors{
|
|
top: avatar.top
|
|
left: avatar.right
|
|
topMargin: 6
|
|
leftMargin: 20
|
|
}
|
|
}
|
|
Rectangle{
|
|
width: 200
|
|
height: 32
|
|
radius: 4
|
|
color: Theme.res.dividerStrokeColorDefault
|
|
anchors{
|
|
bottom: avatar.bottom
|
|
left: avatar.right
|
|
bottomMargin: 6
|
|
leftMargin: 20
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|