web端与app端截图差异优化：避免在条件编译中的scroll-view中设置style

pages/component/general-event/transition-event.uvue

 <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,7 +52,10 @@
 </script>
 
 <style>
-  .transition-transform {
+.adjust {
+  margin: 10px;
+}
+.transition-transform {
   width: 200px;
   height: 200px;
   margin: 25px auto;
@@ -61,5 +64,5 @@
   transition-property: transform;
   transition-timing-function: linear;
   transform: rotate(0deg);
-  }
+}
 </style>