2016-12-06 53 views
0

我使用角材料,MD-sidenav:有没有办法在md-sidenav中配置show-hide速度?

<md-sidenav md-component-id="left" md-whiteframe="4" md-disable-backdrop> 
    <md-content ng-include="'app/components/work/iteration-config/iteration-config.tmpl.html'"></md-content> 
</md-sidenav> 

但是sidenav移动快。有没有办法配置它的显示/隐藏速度?

回答

0

您必须覆盖设置动画的样式。在我发现的代码挖掘是这两个:

md-sidenav.md-closed-add, md-sidenav.md-closed-remove { 
    -webkit-transition: all .2s ease-in; 
    transition: all .2s ease-in 
} 
md-sidenav.md-closed-add.md-closed-add-active, 
md-sidenav.md-closed-remove.md-closed-remove-active { 
    -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1); 
    transition: all .4s cubic-bezier(.25, .8, .25, 1) 
} 

刚刚宣布他们的地方导入angular.css.min文件后更改时间(.2s和4S),以任何你想要的,而已!

+0

我已经尝试过但不适合我。有一些工作的例子? – Serhiy

相关问题