提交 434cadf9 编写于 作者: W wanganxp

完善transitionend示例界面提示

上级 88492222
...@@ -1006,7 +1006,7 @@ ...@@ -1006,7 +1006,7 @@
"path" : "pages/component/transition-event/transition-event", "path" : "pages/component/transition-event/transition-event",
"style" : "style" :
{ {
"navigationBarTitleText" : "", "navigationBarTitleText" : "transitionend事件",
"enablePullDownRefresh" : false "enablePullDownRefresh" : false
} }
} }
......
<template> <template>
<!-- #ifdef APP --> <!-- #ifdef APP -->
<scroll-view style="flex:1"> <scroll-view style="flex:1;padding: 10px;">
<!-- #endif --> <!-- #endif -->
<button @click="switchBtn">{{buttonValue}}</button> <button @click="switchBtn">{{buttonValue}}</button>
<image class="transition-transform" id="transition-transform" @transitionend="onEnd" src="/static/uni.png"></image> <image class="transition-transform" id="transition-transform" @transitionend="onEnd" src="/static/uni.png"></image>
<text>对图片设置transform进行旋转,在旋转完成的transitionend事件后,继续旋转</text>
<!-- #ifdef APP --> <!-- #ifdef APP -->
</scroll-view> </scroll-view>
<!-- #endif --> <!-- #endif -->
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册