补充animate测试例

pages/API/animate/animate.uvue

@@ -88,6 +88,11 @@
      <text style="margin-bottom: 4px;">修改背景色(关键帧)</text>
      <view id="backgroundProperty" style="width: 100px;height: 100px;background-color: brown;" @click="backgroundProperty"></view>
    </view>
+   <view
+     style="border-radius: 5px;margin: 4px;padding: 4px;border-style: solid;background-color: #eee;border-color: #eee;">
+     <text style="margin-bottom: 4px;">修改opacity(关键帧)</text>
+     <view id="opacityProperty" style="width: 100px;height: 100px;background-color: brown;" @click="opacityProperty"></view>
+   </view>
    <!-- #ifndef APP-HARMONY -->
    <view
      style="border-radius: 5px;margin: 4px;padding: 4px;border-style: solid;background-color: #eee;border-color: #eee;">
@@ -338,6 +343,24 @@
           duration: 1000,
           fill: "forwards"
         })
+      },
+      opacityProperty(e : UniPointerEvent){
+        e.currentTarget?.animate([
+          {
+            offset: 0.3,
+            opacity: "1"
+          },
+          {
+            offset: 0.6,
+            opacity: "0.1"
+          },
+          {
+            opacity: "1"
+          }
+        ], {
+          duration: 1000,
+          fill: "forwards"
+        })
       }
     }
   }