Add a small animation on password icon in lockscreen

2026-05-11 17:08:27 +08:00 · 2026-02-15 19:45:24 +01:00
parent e0293e2666
commit d0608b1a34
1 changed files with 19 additions and 1 deletions
@@ -585,13 +585,31 @@ Item {
                  anchors.verticalCenter: parent.verticalCenter

                  Repeater {
-                    model: passwordInput.text.length
+                    model: ScriptModel {
+                      values: Array(passwordInput.text.length)
+                    }

                    NIcon {
+                      id: icon
                      icon: "circle-filled"
                      pointSize: Style.fontSizeS
                      color: Color.mPrimary
                      opacity: 1.0
+                      scale: 0.5
+                      ParallelAnimation {
+                        id: iconAnim
+                        NumberAnimation {
+                          target: icon
+                          properties: "scale"
+                          to: 1
+                          duration: Style.animationFast
+                          easing.type: Easing.BezierSpline
+                          easing.bezierCurve: Easing.OutInBounce
+                        }
+                      }
+                      Component.onCompleted: {
+                        iconAnim.start();
+                      }
                    }
                  }
                }