Fix padding for RoomListForm.

2018-03-01 19:37:52 +08:00
parent 2ac0d0cd8b
commit 962f49a3d0
3 changed files with 7 additions and 2 deletions
--- a/qml/form/RoomDetailForm.qml
+++ b/qml/form/RoomDetailForm.qml
@@ -0,0 +1,113 @@
+import QtQuick 2.10
+import QtQuick.Controls 2.3
+import QtQuick.Layouts 1.3
+import QtQuick.Controls.Material 2.3
+import "qrc:/qml/component"
+
+Item {
+    ColumnLayout {
+        anchors.fill: parent
+        spacing: 0
+
+        Pane {
+            Layout.fillWidth: true
+            Layout.preferredHeight: 250
+            padding: 32
+
+            background: Rectangle {
+                color: Material.accent
+            }
+
+            Column {
+                anchors.fill: parent
+
+                ImageStatus {
+                    z: 10
+                    width: 96
+                    height: width
+                    source: "qrc:/asset/img/avatar.png"
+                    anchors.horizontalCenter: parent.horizontalCenter
+                }
+
+                Text {
+                    text: "Astolfo"
+                    color: "white"
+                    font.pointSize: 28
+                    anchors.horizontalCenter: parent.horizontalCenter
+                }
+
+                Text {
+                    text: "Rider of Black"
+                    color: "#cdcdcd"
+                    font.pointSize: 12
+                    anchors.horizontalCenter: parent.horizontalCenter
+                }
+
+                Row {
+                    height: 48
+                    anchors.horizontalCenter: parent.horizontalCenter
+                    ItemDelegate {
+                        width: parent.height
+                        height: parent.height
+
+                        contentItem: Text {
+                            text: "\ue0b7"
+                            font.pointSize: 16
+                            font.family: materialFont.name
+                            color: "white"
+                            horizontalAlignment: Text.AlignHCenter
+                            verticalAlignment: Text.AlignVCenter
+                        }
+                    }
+
+                    ItemDelegate {
+                        width: parent.height
+                        height: parent.height
+
+                        contentItem: Text {
+                            text: "\ue62e"
+                            font.pointSize: 16
+                            font.family: materialFont.name
+                            color: "white"
+                            horizontalAlignment: Text.AlignHCenter
+                            verticalAlignment: Text.AlignVCenter
+                        }
+                    }
+                }
+            }
+        }
+
+        Pane {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+
+            leftPadding: 96
+            rightPadding: 96
+
+            GridLayout {
+                width: parent.width
+                columns: 2
+                flow: GridLayout.LeftToRight
+                anchors.horizontalCenter: parent.horizontalCenter
+                columnSpacing: 32
+
+                Text {
+                    text: "Matrix ID"
+                }
+
+                Text {
+                    Layout.fillWidth: true
+                    text: "Welcome"
+                }
+
+                Text {
+                    text: "Status"
+                }
+
+                Text {
+                    text: "Overline"
+                }
+            }
+        }
+    }
+}