diff --git a/pages/component/general-event/transition-event.uvue b/pages/component/general-event/transition-event.uvue
index 6684c253935f6d9e232e3297d5096130e5940b21..bbbab37e2753837c5e5a1871552f277b8b2df3be 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>