From 803290ba32e28cd3d5a28712a0f355042e8b35fe 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: Thu, 19 Jan 2023 11:40:04 +0800 Subject: Add Flickable suffix for consistency --- DefaultHomeFlickable.ui.qml | 74 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 74 insertions(+) create mode 100644 DefaultHomeFlickable.ui.qml (limited to 'DefaultHomeFlickable.ui.qml') diff --git a/DefaultHomeFlickable.ui.qml b/DefaultHomeFlickable.ui.qml new file mode 100644 index 0000000..d83e5a5 --- /dev/null +++ b/DefaultHomeFlickable.ui.qml @@ -0,0 +1,74 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 + +Flickable { + property alias counter: counter + property alias popularCourseTabsContent: popularCourseTabsContent + contentHeight: counter.height + popularCourseTabsContent.height + + GridView { + id: counter + interactive: false + + model: ListModel { + ListElement { + icon: "Font-Awesome/svgs/solid/tv.svg" + count: "10K" + title: qsTr("Online Courses") + bgColor: "#26f7c32e" + } + ListElement { + icon: "Font-Awesome/svgs/solid/user-tie.svg" + count: "200+" + title: qsTr("Expert Tutors") + bgColor: "#1a1d3b53" + } + ListElement { + icon: "Font-Awesome/svgs/solid/user-graduate.svg" + count: "60K+" + title: qsTr("Online Students") + bgColor: "#1a6f42c1" + } + ListElement { + icon: "Bootstrap/icons/patch-check-fill.svg" + count: "6K+" + title: qsTr("Certified Courses") + bgColor: "#1a17a2b8" + } + } + + cellWidth: width < 576 ? width : width < 768 ? width / 2 + : width < 992 ? width / 3 : width / 4 + cellHeight: 125.6 + + height: width < 576 ? cellHeight * 4 + : width < 768 ? cellHeight * 3 + : width < 992 ? cellHeight * 2 : cellHeight + anchors { + top: parent.top + left: parent.left + right: parent.right + } + } + + GridView { + id: popularCourseTabsContent + interactive: false + + cellWidth: width < 576 ? width + : width < 768 ? width / 2 + : width < 992 ? width / 3 + : width / 4 + cellHeight: cellWidth * 1.3 + + height: width < 576 ? cellHeight * count + : width < 768 ? cellHeight * count / 2 + : width < 992 ? cellHeight * count / 3 + : cellHeight * count / 4 + anchors { + top: counter.bottom + left: parent.left + right: parent.right + } + } +} -- cgit v1.2.3