设置材质设计选项卡过渡(网络)

时间:2015-07-08 03:29:58

标签: web material-design

我一直在处理材料设计,并按[https://material.angularjs.org/latest/#/api/material.components.tabs/directive/mdTab][1]

的指示尝试了所有选项

我不知道如何将幻灯片转换更改为淡入淡出或其他任何内容。请帮忙

<md-tabs md-selected="selectedIndex">
 <img ng-src="img/angular.png" class="centered">
 <md-tab ng-repeat="tab in tabs | orderBy:predicate:reversed" md-on-select="onTabSelected(tab)" md-on-deselect="announceDeselected(tab)" ng-disabled="tab.disabled">
   <md-tab-label>
  {{tab.title}}
    <img src="img/removeTab.png" ng-click="removeTab(tab)" class="delete">
  </md-tab-label>
    <md-tab-body>
  {{tab.content}}
    </md-tab-body>
   </md-tab>
</md-tabs>

1 个答案:

答案 0 :(得分:3)

您可以使用以下类设置动画:

[role="tabpanel"],
md-tabs {
  transition: none; /* or whatever transition you want
}