animation.wxml 1.2 KB

12345678910111213141516171819202122232425262728
  1. <import src="../../../common/head.wxml" />
  2. <import src="../../../common/foot.wxml" />
  3. <view class="container">
  4. <template is="head" data="{{title: 'createAnimation'}}"/>
  5. <view class="page-body">
  6. <view class="page-section">
  7. <view class="animation-element-wrapper">
  8. <view class="animation-element" animation="{{animation}}"></view>
  9. </view>
  10. <scroll-view class="animation-buttons" scroll-y="true">
  11. <button class="animation-button" bindtap="rotate">旋转</button>
  12. <button class="animation-button" bindtap="scale">缩放</button>
  13. <button class="animation-button" bindtap="translate">移动</button>
  14. <button class="animation-button" bindtap="skew">倾斜</button>
  15. <button class="animation-button" bindtap="rotateAndScale">旋转并缩放</button>
  16. <button class="animation-button" bindtap="rotateThenScale">旋转后缩放</button>
  17. <button class="animation-button" bindtap="all">同时展示全部</button>
  18. <button class="animation-button" bindtap="allInQueue">顺序展示全部</button>
  19. <button class="animation-button animation-button-reset" bindtap="reset">还原</button>
  20. </scroll-view>
  21. </view>
  22. </view>
  23. <template is="foot" />
  24. </view>