element-ui 开发 el-collapse-transition 过渡抖动
核心:elementui中el-collapse-transition抖动问题问题:开发过程中,实现过渡效果,使用elementui中el-collapse-transition展开折叠效果时,盒子排版的时候带的有margin/padding之类的样式,会导致下面的内容在过渡完盒子本身高度后产生页面抖动的问题解决方案:在外层包一层div就好了.itemInline{padding: 20px 24
·
核心:elementui中el-collapse-transition抖动问题
问题:开发过程中,实现过渡效果,使用elementui中el-collapse-transition展开折叠效果时,盒子排版的时候带的有margin/padding之类的样式,会导致下面的内容在过渡完盒子本身高度后产生页面抖动的问题
解决方案:在外层包一层div就好了
.itemInline{
padding: 20px 24px;
}
.itemInline随便加padding、margin都可以
<el-collapse-transition>
<div v-show="lookSearch">
<div class="itemInline">
内容部分
</div>
</div>
</div>
更多推荐
已为社区贡献2条内容
所有评论(0)