调整qml代码结构

qml/UkuiMenuUI.qml

@@ -0,0 +1,18 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.0 as QQC2
+
+import AppUI 1.0 as AppUI
+import AppControls2 1.0 as AppControls2
+
+Item {
+    AppUI.AppTest {
+        width: 200
+        height: 480
+    }
+
+    AppControls2.AppTest {
+        x: 400
+        width: 200
+        height: 480
+    }
+}

qml/main.qml

@@ -1,24 +1,15 @@
 import QtQuick 2.12
 import QtQuick.Window 2.12
-import QtQuick.Controls 2.0
-
-import AppUI 1.0 as AppUI
-import AppControls2 1.0 as AppControls2
 
 Window {
+    id: mainWindow
     visible: true
     width: 600
     height: 480
     title: qsTr("Hello World")
 
-    AppUI.AppTest {
+    Loader {
-        width: 200
+        anchors.fill: mainWindow.contentItem;
-        height: 480
+        source: "qrc:/qml/UkuiMenuUI.qml"
     }
-
-        AppControls2.AppTest {
-            x: 400
-            width: 200
-            height: 480
-        }
 }

qml/qml.qrc

@@ -1,6 +1,7 @@
 <RCC>
     <qresource prefix="/qml">
         <file>main.qml</file>
+        <file>UkuiMenuUI.qml</file>
         <file>AppUI/qmldir</file>
         <file>AppUI/App.qml</file>
         <file>AppControls2/qmldir</file>