diff options
| author | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-02-13 20:41:27 +0800 |
|---|---|---|
| committer | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-02-13 20:41:27 +0800 |
| commit | 29b5bafe16ba82773da97c77951309d585bc9a6b (patch) | |
| tree | 57978d3e0196d57a8f31f515d6d93be5bfb21916 /ClassicDetailFlickable.ui.qml | |
| parent | 896960e9a507c671f685b0536a10d7dc554c9451 (diff) | |
Shorten names
Use something like
import "qeduport" as Eduport
Diffstat (limited to 'ClassicDetailFlickable.ui.qml')
| -rw-r--r-- | ClassicDetailFlickable.ui.qml | 193 |
1 files changed, 0 insertions, 193 deletions
diff --git a/ClassicDetailFlickable.ui.qml b/ClassicDetailFlickable.ui.qml deleted file mode 100644 index 5ec7c5d..0000000 --- a/ClassicDetailFlickable.ui.qml +++ /dev/null @@ -1,193 +0,0 @@ -import QtQuick 2.15 -import QtQuick.Controls 2.15 -import QtQuick.Layouts 1.15 -import QtGraphicalEffects 1.15 - -Flickable { - id: flickable - property alias header: header - property alias detailImage: image - property alias detailPrice: price - property alias detailOriginalPrice: originalPrice - property alias detailDiscount: discount - property alias detailTime: time - property alias detailTrial: trial - property alias detailBuy: buy - contentHeight: body.height - - ColumnLayout { - id: body - anchors { - top: parent.top - left: parent.left - right: parent.right - } - - HeaderToolBar { - id: header - Layout.fillWidth: true - } - - Item { - Layout.fillWidth: true - implicitHeight: width * 1.2 - - DropShadow { - source: rectangle - color: Qt.rgba(.113, .227, .325, .15) - anchors.fill: rectangle - } - - Rectangle { - id: rectangle - radius: 10 - anchors { - top: parent.top - topMargin: 25.6 - left: parent.left - leftMargin: 12.8 - right: parent.right - rightMargin: 12.8 - bottom: parent.bottom - } - - Image { - id: image - source: "https://eduport.webestica.com/assets/images/courses/4by3/01.jpg" - sourceSize { - width: parent.width - 16 - height: parent.width * 3 / 4 - } - width: sourceSize.width - height: sourceSize.height - anchors { - top: parent.top - topMargin: 8 - horizontalCenter: parent.horizontalCenter - } - layer.enabled: true - layer.effect: OpacityMask { - maskSource: Rectangle { - width: image.width - height: image.height - radius: 10 - } - } - } - - ColumnLayout { - width: parent.width - 16 - anchors { - top: image.bottom - horizontalCenter: parent.horizontalCenter - bottom: parent.bottom - bottomMargin: 8 - } - - RowLayout { - Layout.topMargin: 16 - Layout.bottomMargin: 16 - - ColumnLayout { - spacing: 8 - RowLayout { - implicitWidth: price.width + originalPrice.width + discountLabel.width - Label { - id: price - text: "$150" - font.pixelSize: 32 - font.family: "roboto" - } - - Label { - id: originalPrice - text: "$350" - color: "#4d000000" - font.pixelSize: 14 - font.strikeout: true - font.family: "roboto" - } - - Rectangle { - id: discountLabel - implicitWidth: discount.width - implicitHeight: discount.height - radius: 4 - color: "#fd7e14" - Label { - id: discount - text: qsTr("60% off") - font.pixelSize: 12 - font.family: "roboto" - horizontalAlignment: Text.AlignHCenter - verticalAlignment: Text.AlignVCenter - bottomPadding: 2 - topPadding: 2 - rightPadding: 8 - leftPadding: 8 - } - } - } - - RowLayout { - id: time - - Label { - text: qsTr("5 days left at this price") - font.pixelSize: 14 - font.family: "roboto" - color: "#d6293e" - } - } - } - } - - RowLayout { - Layout.bottomMargin: 16 - Layout.fillWidth: true - spacing: 16 - Button { - id: trial - text: qsTr("Free trial") - Layout.fillWidth: true - contentItem: Text { - horizontalAlignment: Text.AlignHCenter - text: trial.text - font.pixelSize: 14 - font.family: "roboto" - color: trial.down ? "#ffffff" - : "#066ac9" - } - background: Rectangle { - color: trial.down ? "#066ac9" - : "#ffffff" - border.color: "#066ac9" - radius: 8 - } - } - - Button { - id: buy - text: qsTr("Buy course") - Layout.fillWidth: true - contentItem: Text { - horizontalAlignment: Text.AlignHCenter - text: buy.text - font.pixelSize: 14 - font.family: "roboto" - color: "#ffffff" - } - background: Rectangle { - color: buy.down ? "#0aa073" - : "#0cbc87" - border.color: buy.down - ? "#0a966c" : "#0cbc87" - radius: 8 - } - } - } - } - } - } - } -} |