From b27bbe7c250e4b6712909225a63687bd64211a92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=A3=8A?= <1633537611@qq.com>
Date: Wed, 22 May 2024 19:22:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4transition=E7=A4=BA=E4=BE=8B?=
 =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=BC=82=E6=AD=A5=E5=88=9B=E5=BB=BA?=
 =?UTF-8?q?view=E7=9A=84=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../general-event/transition-event.uvue       | 46 +++++++++++++------
 1 file changed, 31 insertions(+), 15 deletions(-)

diff --git a/pages/component/general-event/transition-event.uvue b/pages/component/general-event/transition-event.uvue
index 987a2cf5..206120c7 100644
--- a/pages/component/general-event/transition-event.uvue
+++ b/pages/component/general-event/transition-event.uvue
@@ -1,6 +1,6 @@
 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex:1;">
+  <scroll-view style="flex:1;" v-if="isShow">
   <!-- #endif -->
     <image class="transition-transform" id="transition-transform" @transitionend="onEnd" src="/static/uni.png"></image>
     <text class="adjust">对图片设置transform进行旋转，在旋转完成的transitionend事件后，继续旋转</text>
@@ -18,9 +18,24 @@
         element: null as UniElement | null,
         isStart: false,
         buttonValue: "开启图片旋转",
-        onTransitionEndTriggr: false
+        onTransitionEndTriggr: false,
+        isShow: false
       }
     },
+    onReady() {
+      // #ifdef APP-ANDROID
+      var that = this
+      class ThreadRunnable extends Runnable {
+        override run() {
+          that.isShow = true
+        }
+      }
+      new Thread(new ThreadRunnable()).start()
+      // #endif
+      // #ifndef APP-ANDROID
+      this.isShow = true
+      // #endif
+    },
     methods: {
       switchBtn() {
         if (!this.isStart) {
@@ -53,17 +68,18 @@
 </script>
 
 <style>
-.adjust {
-  margin: 10px;
-}
-.transition-transform {
-  width: 200px;
-  height: 200px;
-  margin: 25px auto;
-  border-radius: 100px;
-  transition-duration: 2000ms;
-  transition-property: transform;
-  transition-timing-function: linear;
-  transform: rotate(0deg);
-}
+  .adjust {
+    margin: 10px;
+  }
+
+  .transition-transform {
+    width: 200px;
+    height: 200px;
+    margin: 25px auto;
+    border-radius: 100px;
+    transition-duration: 2000ms;
+    transition-property: transform;
+    transition-timing-function: linear;
+    transform: rotate(0deg);
+  }
 </style>
-- 
GitLab