summaryrefslogtreecommitdiff
path: root/EduportCard.ui.qml
diff options
context:
space:
mode:
Diffstat (limited to 'EduportCard.ui.qml')
-rw-r--r--EduportCard.ui.qml114
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
+ }
+ }
+ }
+ }
+}