From e4feec19ec3df85615bcf434101fe57de931cc1c Mon Sep 17 00:00:00 2001
From: yanyilin <yanyilin@dcloud.io>
Date: Mon, 22 Jan 2024 16:56:52 +0800
Subject: [PATCH] =?UTF-8?q?web=E7=AB=AF=E4=B8=8Eapp=E7=AB=AF=E6=88=AA?=
 =?UTF-8?q?=E5=9B=BE=E5=B7=AE=E5=BC=82=E4=BC=98=E5=8C=96=EF=BC=9A=E9=81=BF?=
 =?UTF-8?q?=E5=85=8D=E5=9C=A8=E6=9D=A1=E4=BB=B6=E7=BC=96=E8=AF=91=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84scroll-view=E4=B8=AD=E8=AE=BE=E7=BD=AEstyle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../general-event/transition-event.uvue       | 29 ++++++++++---------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/pages/component/general-event/transition-event.uvue b/pages/component/general-event/transition-event.uvue
index 6684c253..bbbab37e 100644
--- a/pages/component/general-event/transition-event.uvue
+++ b/pages/component/general-event/transition-event.uvue
@@ -1,10 +1,10 @@
 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex:1;padding: 10px;">
+  <scroll-view style="flex:1;">
   <!-- #endif -->
-    <button @click="switchBtn">{{buttonValue}}</button>
     <image class="transition-transform" id="transition-transform" @transitionend="onEnd" src="/static/uni.png"></image>
-    <text>对图片设置transform进行旋转，在旋转完成的transitionend事件后，继续旋转</text>
+    <text class="adjust">对图片设置transform进行旋转，在旋转完成的transitionend事件后，继续旋转</text>
+    <button class="adjust" @click="switchBtn">{{buttonValue}}</button>
   <!-- #ifdef APP -->
   </scroll-view>
   <!-- #endif -->
@@ -52,14 +52,17 @@
 </script>
 
 <style>
-  .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