cordova - 如何关闭选项卡上的涟漪动画 [Android]？

Question

如何仅为选项卡关闭波纹动画？我试图在配置文件中更改它

 activator : "highlight"

但这不会突出显示所有按钮。

我想只为 Tabs 关闭 Ripple Animation 吗？

编辑 1:

我想删除 ion-tabs 的效果

<ion-tabs>
 <ion-tab [root]="tab1Root" tabIcon="people"></ion-tab>
 <ion-tab [root]="tab2Root" tabIcon="paper"></ion-tab>
 <ion-tab [root]="tab3Root" tabIcon="settings"></ion-tab>
</ion-tabs>

Answer 1

您可以在 app.module.ts 中按如下所示进行操作文件。

全局

app.module.ts

 IonicModule.forRoot(MyApp, {
    platforms: { 
      android: { 
        activator: 'none' 
     } 
  } 
}

仅适用于 ionic 标签:

您必须在页面组件上处理 CSS hack。对此没有框架级支持。

.html

<ion-tabs>
 <ion-tab [root]="tab1Root" tabIcon="people" class="disable-ripple"></ion-tab>
 <ion-tab [root]="tab2Root" tabIcon="paper" class="disable-ripple"></ion-tab>
 <ion-tab [root]="tab3Root" tabIcon="settings" class="disable-ripple"></ion-tab>
</ion-tabs>

.scss

.ios,
.md,
.wp {
    .disable-ripple ion-tab-effect {
       display: none;
    }
}