有没有办法在md-sidenav中配置show-hide速度？

Question

我使用角度材质md-sidenav：

<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的动作太快了。有没有办法配置它的显示/隐藏速度？

Answer 1

您必须覆盖设置动画的样式。深入研究我发现的代码，有以下两个：

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)想要什么就做什么，就这样！