123456789101112131415161718192021222324252627282930313233343536 |
- <div style="margin-bottom:8px" ng-class="isunfold?'ptree-collapsed-back':'ptree-sidebar-collapsed'">
- <a class="fold-icon" ng-click="isunfoldfun()">
- <i class="material-icons ng-scope">keyboard_arrow_right</i>
- </a>
- <!--<img class="fold-icon" src="../../../content/images/fold-right.png" height="26" width="26"-->
- <!--ng-click="isunfoldfun()"/>-->
- </div>
- <style>
- .fold-icon .material-icons {
- transform: rotate(0deg);
- transition: all 300ms ease-in-out;
- background-color: #d46243;
- border-radius: 4px;
- }
- .fold-icon>i{
- color: #fff;
- font-size: 22px;
- border-radius: 4px;
- padding: 2px;
- }
- /*.fold-icon {*/
- /*border: 1px solid #ddd;*/
- /*border-radius: 3px;*/
- /*cursor: pointer;*/
- /*}*/
- .ptree-collapsed-back .fold-icon .material-icons {
- transform: rotate(180deg);
- transition: all 300ms ease-in-out;
- }
- .ptree-sidebar-collapsed .fold-icon .material-icons {
- transform: rotate(0deg);
- transition: all 300ms ease-in-out;
- }
- </style>
|