From e07a51eee28923a1da218f6fd1cf6af9b3a06f3a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?= =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?= Date: Wed, 15 Feb 2023 12:25:14 +0800 Subject: Course detail classic page intro Badge, intro header & paragraph for now --- CourseDetailClassic.ui.qml | 60 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) diff --git a/CourseDetailClassic.ui.qml b/CourseDetailClassic.ui.qml index 79ec0e4..8d64111 100644 --- a/CourseDetailClassic.ui.qml +++ b/CourseDetailClassic.ui.qml @@ -6,6 +6,9 @@ import QtGraphicalEffects 1.15 Flickable { id: flickable property alias header: header + property alias introBadge: introBadge + property alias introTitleHeader: introTitleHeader + property alias introTitleParagraph: introTitleParagraph property alias detailImage: image property alias detailPrice: price property alias detailOriginalPrice: originalPrice @@ -53,6 +56,63 @@ Flickable { source: doesntEmbed ? "" : "Roboto/Roboto-Regular.ttf" } + ColumnLayout { + Layout.topMargin: 48 + Layout.leftMargin: 15 + Layout.rightMargin: 15 + Layout.bottomMargin: 48 + + Rectangle { + Layout.bottomMargin: 16 + implicitWidth: introBadge.width + implicitHeight: introBadge.height + radius: 5.2 + color: Qt.rgba( .0235, .416, .788, 1.0) + Label { + id: introBadge + text: qsTr("Digital Marketing") + color: "white" + font { + family: doesntEmbed ? "Roboto" + : bold.name + weight: Font.Bold + pointSize: 15 + } + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + topPadding: 8 + leftPadding: 25.6 + rightPadding: 25.6 + bottomPadding: 8 + } + } + + Label { + id: introTitleHeader + text: qsTr("The Complete Digital Marketing Course - 12 Courses in 1") + color: "#24292d" + wrapMode: Text.Wrap + Layout.fillWidth: true + font { + family: heebo.name + pointSize: 30 + } + } + + Label { + id: introTitleParagraph + text: qsTr("Satisfied conveying a dependent contented he gentleman agreeable do be. Warrant private blushes removed an in equally totally if. Delivered dejection necessary objection do Mr prevailed. Mr feeling does chiefly cordial in do.") + color: "#747579" + wrapMode: Text.Wrap + Layout.fillWidth: true + font { + family: doesntEmbed ? "Roboto" + : regular.name + pointSize: 15 + } + } + } + Item { Layout.fillWidth: true implicitHeight: width * 1.2 -- cgit v1.2.3