diff options
author | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-02-16 17:21:51 +0800 |
---|---|---|
committer | ꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id> | 2023-02-16 17:21:51 +0800 |
commit | a5fe5804373b27d383eb9c0b1a84e2ec030f506b (patch) | |
tree | 0c5454a6873c66f06c1b2d42f6213dab836d928e | |
parent | fbfffb21f24b9f8889e7fa55841aa81752698477 (diff) | |
parent | 4c7200581957f889fe745def6b840a0f2c0eb9c8 (diff) |
Merge remote-tracking branch 'anata/master'
-rw-r--r-- | MostPopularWithTab.ui.qml | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/MostPopularWithTab.ui.qml b/MostPopularWithTab.ui.qml new file mode 100644 index 0000000..e9be112 --- /dev/null +++ b/MostPopularWithTab.ui.qml @@ -0,0 +1,82 @@ +import QtQuick 2.15 +import QtQuick.Controls 2.15 +import QtQuick.Layouts 1.15 + +ColumnLayout { + spacing: 8 + FontLoader { + id: roboto + source: doesntEmbed ? "" + : "Roboto/Roboto-Medium.ttf" + } + + Label { + text: qsTr("Most Popular Courses") + color: "#24292d" + horizontalAlignment: Text.AlignHCenter + wrapMode: Text.Wrap + Layout.fillWidth: true + font { + family: doesntEmbed + ? "Roboto" + : roboto.name + pointSize: 44 + } + } + + Label { + text: qsTr("Choose from hundreds of courses from specialist organizations") + color: "#747579" + horizontalAlignment: Text.AlignHCenter + wrapMode: Text.Wrap + Layout.fillWidth: true + font { + family: doesntEmbed + ? "Roboto" + : roboto.name + pointSize: 14 + } + } + TabBar { + background: Rectangle{ + color: "#1a066ac9" + radius: 8 + } + Layout.fillWidth: true + implicitHeight: 58 + Layout.margins: 16 + padding: 16 + TabButton { + text: qsTr("First") + anchors.verticalCenter: parent.verticalCenter + Layout.fillWidth: true + Layout.leftMargin: 16 + background: Rectangle { + radius: 8 + } + } + TabButton { + text: qsTr("Second") + anchors.verticalCenter: parent.verticalCenter + Layout.fillWidth: true + background: Rectangle { + radius: 8 + } + + } + TabButton { + text: qsTr("Third") + anchors.verticalCenter: parent.verticalCenter + Layout.fillWidth: true + background: Rectangle { + radius: 8 + } + contentItem: Text { + color: "#000000" + text: "Third" + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + } + } + } +} |