angularjs 折叠Rdash Angular上的边栏菜单

gcuhipw9  于 2022-11-28  发布在  Angular
关注(0)|答案(1)|浏览(146)

我们可以折叠侧边栏菜单上的RdashAngular ?
例如,在www.example.com上http://rdash.github.io/#/。
Dashboard下我们可以找到ProfileGraphicManage Data.在Tables下我们可以找到StatisticReport.

  • 谢谢-谢谢
rqenqsqc

rqenqsqc1#

你可以这样做

<div class="sidebar col-xs-2" 
     ng-class="{ 'col-xs-1': open, 'toggleOn': open, 'toggleOff': !open }">
   <button ng-click="open = !open">Toggle</button>            
</div>

.sidebar {
    color: #fff;
    height: 100vh;
}

.toggleOn {
    transition: width 1s;
    -webkit-transition: width 1s;        
    -moz-transition: width 1s;        
    -o-transition: width 1s;
}

.toggleOff {
    transition: width 1s;
    -webkit-transition: width 1s;        
    -moz-transition: width 1s;        
    -o-transition: width 1s;
}

相关问题