Angularjs Rdash Angular上的折叠侧栏菜单
我们可以折叠Rdash Angular上的侧边栏菜单吗 例如,关于 在Angularjs Rdash Angular上的折叠侧栏菜单,angularjs,sidebar,collapse,Angularjs,Sidebar,Collapse,我们可以折叠Rdash Angular上的侧边栏菜单吗 例如,关于 在仪表板下可以找到配置文件,图形,管理数据。在表格下,我们可以找到统计,报告 谢谢。你可以这样做 <div class="sidebar col-xs-2" ng-class="{ 'col-xs-1': open, 'toggleOn': open, 'toggleOff': !open }"> <button ng-click="open = !open">Toggle</bu
仪表板下
可以找到配置文件
,图形
,管理数据
。在表格
下,我们可以找到统计
,报告
谢谢。你可以这样做
<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;
}
切换
.侧边栏{
颜色:#fff;
高度:100vh;
}
.开关{
过渡:宽度1s;
-webkit过渡:宽度1s;
-moz过渡:宽度1s;
-o型过渡:宽度1s;
}
.关掉{
过渡:宽度1s;
-webkit过渡:宽度1s;
-moz过渡:宽度1s;
-o型过渡:宽度1s;
}