irpas技术客

uni/vue transition不生效的解决办法_Bessie234

irpas 7379

uni中目前还是使用vue2

自上而下的过渡效果:

/** * 从底部飞入 */ .fly-in-from-bottom { // 进入过渡生效,离开过渡生效 &-enter-active, &-leave-active { transition: transform .3s; } &-enter, &-leave-to { transform: translate3d(0, 100%, 0); } }

注意:

1、背景不跟着产生过渡效果的原因是过渡层被包裹在另一个元素当中,过渡元素需要单独存在

2、不使用vue3的过渡语法

3、uni中transition也还是能生效的

4、能用作折叠面板的弹出效果


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #univue #从底部飞入 #flyinfrombottom