element Collapse折疊面板 嵌套table使用 導致展開面板的時候面板高度跳躍


問題描述:折疊面板嵌套table 導致展開面板 界面高度跳躍。

解決方案:去除折疊面板展開收縮的過度動畫,代碼如下:

myclass 是給collapse組件綁定的class

.myclass >>>  .collapse-transition
{
    -webkit-transition: 0s height, 0s padding-top, 0s padding-bottom;
    transition: 0s height, 0s padding-top, 0s padding-bottom;
  }

.myclass  >>>   .horizontal-collapse-transition
{
    -webkit-transition: 0s width, 0s padding-left, 0s padding-right;
    transition: 0s width, 0s padding-left, 0s padding-right;
  }
.myclass  >>>   .horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow
{
    -webkit-transition: 0s;
    transition: 0s;
    opacity: 0;
  }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM