fix🐛: 修复显示的问题，更新button的功能

Main.qml

@@ -10,9 +10,6 @@ Window {
     minimumHeight: 600
     minimumWidth: 800
     // color: "green"
-    GlobalProperties {
-        id: id_gp
-    }
 
     MainPage {
         id: id_home_page

QML/components/HomePageConnectStateInfo.qml

@@ -33,15 +33,30 @@ Item {
             }
 
             Button {
-                Layout.preferredWidth: 100
+                id: button
                 text: "重新连接"
-                hoverEnabled: false
+                Layout.preferredWidth: 100
+                Layout.preferredHeight: 50
                 font.pixelSize: id_gp.font_info_pixel_size
-                background: Rectangle { // 自定义背景
+
-                    color: control.pressed ? "lightblue" : "blue"
+                background: Rectangle {
-                    border.color: "black"
+                    color: button.down ? id_gp.btn_pressedBackground :
+                            button.hovered ? id_gp.btn_hoverBackground : id_gp.btn_normalBackground
+                    border.color: id_gp.btn_borderColor
                     radius: 10
                 }
+
+                // 使 Button 支持 hover 事件
+                hoverEnabled: true
+
+                // MouseArea 用于处理按下和松开事件
+                MouseArea {
+                    anchors.fill: parent
+                    onPressed: button.background.color = id_gp.btn_pressedBackground
+                    onReleased: button.background.color = button.hovered ? id_gp.btn_hoverBackground : id_gp.btn_normalBackground
+                    onExited: button.background.color = id_gp.btn_normalBackground
+                }
+
                 onClicked: {
                     console.log("press butn")
                 }

QML/components/IconInfoLabel.qml

@@ -20,14 +20,15 @@ Item {
                 source: "qrc:/assets/img/terminal-box-fill.svg"
                 smooth: true // 使图片平滑缩放
                 asynchronous: true // 异步加载图片
+                // 使用 ColorOverlay 修改 SVG 颜色
+                ColorOverlay {
+                    anchors.fill: parent
+                    source: parent
+                    color: id_gp.left_menu_non_lighlight_color // 修改后的 SVG 图片颜色
+                }
             }
 
-            // 使用 ColorOverlay 修改 SVG 颜色
+
-            ColorOverlay {
-                anchors.fill: id_svg_icon_info_lb
-                source: id_svg_icon_info_lb
-                color: id_gp.left_menu_non_lighlight_color // 修改后的 SVG 图片颜色
-            }
 
             Text {
                 text: "芯片类型:"

QML/components/LeftMenu.qml

@@ -8,11 +8,8 @@ Item {
 
     Component {
         id: contactDelegate
-        // property int my_index: index
         Rectangle {
             width: 60; height: 60
-            anchors.left: parent.left // 靠父组件左边
-            anchors.leftMargin: 10 // 左边距20像素
             radius: 5
             color: id_gp.left_menu_non_lighlight_color
             MouseArea {
@@ -100,6 +97,7 @@ Item {
             id: id_view
             spacing: 10
             topMargin: 10
+            leftMargin: 10
             anchors.fill: parent
             model: TestModels {}
             delegate: contactDelegate
@@ -108,18 +106,42 @@ Item {
             snapMode: ListView.SnapToItem
             onCurrentIndexChanged: {
                 // console.log("2 left_menu_index", id_gp.left_menu_index_now)
-                itemAtIndex(id_gp.left_menu_index_now).color = id_gp.left_menu_lighlight_color
                 itemAtIndex(id_gp.left_menu_index_last).color = id_gp.left_menu_non_lighlight_color
+                itemAtIndex(id_gp.left_menu_index_now).color = id_gp.left_menu_lighlight_color
             }
 
             Component.onCompleted: {
-                id_view.currentIndex = id_view.count
-                id_gp.left_menu_index_last = id_view.count
-                id_gp.left_menu_index_now = 0
-                id_view.currentIndex = 0
                 console.log("complete at ", id_gp.left_menu_index_now)
+                id_timer_leftmenu.start()
             }
         }
+    }
+
+    Timer {
+        id: id_timer_leftmenu
+        interval: 500 // 1秒
+        repeat: true
+        running: true
+        triggeredOnStart: false
+
+        onTriggered: {
+            // 这里执行你的轮询逻辑，比如调用一个函数来获取数据
+
+            if (id_gp.gp_inited == 1) {
+                running = false;
+                id_gp.left_menu_index_last = id_view.count
+                id_gp.left_menu_index_now = 0
+                id_view.itemAtIndex(id_gp.left_menu_index_now).color = id_gp.left_menu_lighlight_color
+            } else {
+                pollForData();
+                console.log("id gp ini : " , id_gp.gp_inited )
+            }
+        }
+    }
+
+    function pollForData() {
+        // 实现数据获取逻辑，例如通过网络请求获取数据
+        console.log("Polling for new data...");
 
     }
 }

QML/models/GlobalProperties.qml

@@ -1,13 +1,28 @@
 import QtQuick 2.15
+import ESP32_upper
 
 Item {
+    property int gp_inited: 0
     property string global_banner: "Hello World"
     property int left_menu_index_now: 0
-    property int left_menu_index_last: 0
+    property int left_menu_index_last: 255
-    property string left_menu_lighlight_color: "#FF00FF"
+    property color left_menu_lighlight_color: "#FF00FF"
-    property string left_menu_non_lighlight_color: "#00FF00"
+    property color left_menu_non_lighlight_color: "#00FF00"
-    property string left_menu_focus_color: "#FAFA00"
+    property color left_menu_focus_color: "#FAFA00"
-    property string left_menu_icon_color: "#0d4e8b"
+    property color left_menu_icon_color: "#0d4e8b"
     property int font_info_pixel_size: 20
+    // 正常状态的背景
+    property color btn_normalBackground: "#FFFFFF" // 白色
+    // hover 状态的背景
+    property color btn_hoverBackground: "#F0F0F0" // 浅灰色
+    // pressed 状态的背景
+    property color btn_pressedBackground: "#D0D0D0" // 深灰色
+    // pressed 状态的背景
+    property color btn_borderColor: "#000000" // 深灰色
+
+    Component.onCompleted: {
+        console.log("global property has been initialized");
+        gp_inited = 1;
+    }
 
 }

QML/pages/HomePage.qml

@@ -3,7 +3,7 @@ import QtQuick.Layouts
 import ESP32_upper 1.0
 
 Item {
-    anchors.fill: parent
+    // anchors.fill: parent
     ColumnLayout {
         width: parent.width
         height: parent.height

QML/pages/MainPage.qml

@@ -6,6 +6,10 @@ import ESP32_upper 1.0
 Item {
     id: root
 
+    GlobalProperties {
+        id: id_gp
+    }
+
     RowLayout {
         spacing: 0