diff options
| -rw-r--r-- | CardItem.ui.qml | 150 |
1 files changed, 81 insertions, 69 deletions
diff --git a/CardItem.ui.qml b/CardItem.ui.qml index aa0dca1..ff46411 100644 --- a/CardItem.ui.qml +++ b/CardItem.ui.qml @@ -1,7 +1,7 @@ import QtQuick 2.15 import QtQuick.Controls 2.15 -Rectangle { +Item { property alias cardImage: image property alias cardTitle: title property alias textTruncate: textTruncate @@ -9,93 +9,105 @@ Rectangle { width: 300 height: 480 - Image { - id: image - source: "darapsa.svg" - sourceSize { - width: parent.width - height: 225 - } - } - - Item { - id: body - width: parent.width + Rectangle { anchors { - top: image.bottom + 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: badgeAndFavorite - height: favorite.sourceSize.height + id: body + width: parent.width anchors { - top: parent.top - left: parent.left - leftMargin: 16 - right: parent.right - rightMargin: 16 + top: image.bottom + bottom: parent.bottom } - Label { - text: qsTr("Beginner") - font.pointSize:12 + Item { + id: badgeAndFavorite + height: favorite.sourceSize.height anchors { - verticalCenter: parent.verticalCenter + top: parent.top left: parent.left - leftMargin: 8 + 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 + } } } - Image { - id: favorite - source: "Font-Awesome/svgs/solid/heart.svg" - sourceSize { - width: 16 - height: 16 + 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: 8 + rightMargin: 16 } } - } - - 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 + 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 + } } } } |