diff options
Diffstat (limited to 'EduportCard.ui.qml')
-rw-r--r-- | EduportCard.ui.qml | 114 |
1 files changed, 114 insertions, 0 deletions
diff --git a/EduportCard.ui.qml b/EduportCard.ui.qml new file mode 100644 index 0000000..ff46411 --- /dev/null +++ b/EduportCard.ui.qml @@ -0,0 +1,114 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 + +Item { + property alias cardImage: image + property alias cardTitle: title + property alias textTruncate: textTruncate + + width: 300 + height: 480 + + Rectangle { + anchors { + top: parent.top + topMargin: 51.2 + left: parent.left + leftMargin: 25.6 + right: parent.right + rightMargin: 25.6 + bottom: parent.bottom + } + + Image { + id: image + source: "darapsa.svg" + sourceSize { + width: parent.width + height: parent.width * 3 / 4 + } + } + + Item { + id: body + width: parent.width + anchors { + top: image.bottom + bottom: parent.bottom + } + + Item { + id: badgeAndFavorite + height: favorite.sourceSize.height + anchors { + top: parent.top + left: parent.left + leftMargin: 16 + right: parent.right + rightMargin: 16 + } + + Label { + text: qsTr("Beginner") + font.pointSize:12 + anchors { + verticalCenter: parent.verticalCenter + left: parent.left + leftMargin: 8 + } + } + + Image { + id: favorite + source: "Font-Awesome/svgs/solid/heart.svg" + sourceSize { + width: 16 + height: 16 + } + anchors { + right: parent.right + rightMargin: 8 + } + } + } + + Label { + id: title + text: qsTr("Sketch from A to Z: for app designer") + wrapMode: Text.Wrap + font { + weight: Font.Medium + pointSize: 20 + } + anchors { + top: badgeAndFavorite.bottom + topMargin: 16 + left: parent.left + leftMargin: 16 + right: parent.right + rightMargin: 16 + } + } + + Label { + id: textTruncate + text: qsTr("Rooms oh fully taken by worse do Points afraid but may end Rooms Points afraid but may end Rooms") + wrapMode: Text.Wrap + font { + weight: Font.Light + pointSize: 14 + } + anchors { + top: title.bottom + topMargin: 16 + bottom: parent.bottom + bottomMargin: 16 + left: parent.left + leftMargin: 16 + right: parent.right + rightMargin: 16 + } + } + } + } +} |