perf(ui): menu expand animation

NJUPT-SAST · Aug 11, 2024 · 7f25fb1 · 7f25fb1
1 parent 007c8d9
commit 7f25fb1
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/ui/views/overlay/menu.slint b/ui/views/overlay/menu.slint
@@ -71,11 +71,14 @@ export component MenuOverlay inherits Overlay {
         width: 100%;
         height: 100%;
         placeholder := Rectangle {
-            background: Colors.rgba(0, 0, 0, 0.5);
-            border-width: 4px;
-            border-color: red;
-            Text {
-                text: "菜单\n  （需要暗色背景，详见设计稿）";
+            background: transparent;
+            init => {
+                self.background = Colors.rgba(0,0,0,0.5)
+            }
+
+            animate background {
+                duration: 400ms;
+                easing: ease-in-out;
             }
         }