Vuetify中网格上的平滑过渡

时间:2018-11-15 17:04:14

标签: vuejs2 vuetify.js

我正在尝试使用vuetify显示/隐藏网格的元素,但似乎无法使它们在过渡中发挥良好的作用。在下面的代码笔中,我试图平滑地隐藏和显示列,并使蓝色部分滑入后面。取而代之的是,红色过渡,然后在删除元素时蓝色对齐。

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="root"></div>

同样,我希望白色/绿色的柔韧性框平滑过渡,但是我希望内容具有平滑的动画效果,并且一旦完成,柔韧性框就会捕捉。

https://codepen.io/anon/pen/YRVoqj

0 个答案:

没有答案