如何關閉標籤[Android]上的波紋動畫？

如何關閉波紋動畫僅限於選項卡？我試圖在配置文件中更改此設置如何關閉標籤[Android]上的波紋動畫？

activator : "highlight"

但是，它沒有爲所有按鈕設置高亮。

我想關閉波紋動畫僅用於製表符？

編輯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>

來源

2017-04-02 Sai Datta

你可以做到這一點的效果如下圖所示的app.module.ts文件中。

全球

app.module.ts

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

僅限離子標籤：

你必須處理CSS黑客在這裏頁面組件沒有對此的框架級支持。

的.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; 
    } 
}

來源

2017-04-02 12:00:25 Sampath

難道這不會關閉應用程序中所有按鈕和其他地方的紋波效果？ –

是的，這是一個**全局效應**，你需要看到什麼？ – Sampath

你可以顯示'html'代碼，你需要刪除這個效果嗎？ – Sampath

我找到了一個解決方案哈克

ion-tabs .button-effect { 
display:none !important; 
}

看起來像按鈕效果是「畫」紋波。於是我就停用的ion-tabs

所有後代的影響我寫的CSS在我variables.scss

編輯1：都能跟得上。這也將全球範圍內的.button-effect類設置爲display:none。我的問題是僅爲單個ion-tab元素設置它。

來源

2017-04-02 12:30:26

如何關閉標籤[Android]上的波紋動畫？

回答

相關問題